html{
  font-size:100%;
}
body{
  font-family:Arial,Helvetica,sans-serif;
  font-size:0.8em;
  background:url(img_index/body.gif) center 412px repeat-x;
  color:#494949;
}
a{
  text-decoration:none;
  color:#494949;
}
.clear{
  clear:both;
}
.fll{
  float:left;
}
.flr{
  float:right;
}
#page{
  background:url(img_index/header.jpg) center top no-repeat;
}
#container{
  margin:0 auto;
  width:980px;
  background:url(img_index/top_col_left.png) 4px 164px no-repeat;
  position:relative;
}
/**********************
      HEADER
**********************/
#header{
  position:relative;
  height:445px;
}
#logo{
  position:absolute;
  top:14px;
  left:303px;
  width:400px;
  height:400px;
  text-align:center;
}
#logo img{
  margin-top:90px;
}
#header h1{
  color:#5B2A52;
  font-size:1.7em;
  font-family:Georgia,"DejaVu Serif","Bitstream Vera Serif",Norasi,serif;
  font-weight:normal;
  width:220px;
  padding:270px 0 0 43px;
  line-height:1.4em;
}
#header h1 span{
  background:url(img_index/bubble_creative.gif) no-repeat;
  text-indent:-9999px;
  display:block;
}
#navMain,.pagenav ul{
  float:left;
  margin:90px 0 0 260px;
  display:inline;
}
#navMain li,.pagenav ul li{
  float:left;
  position:relative;
}
#navMain a,.pagenav ul li a{
  float:left;
  color:#5B2A52;
  height:20px;
  line-height:20px;
  text-transform:uppercase;
  padding:0 10px;
}
#navMain a:hover,#navMain a.active{
  background:#5B2A52;
  color:#fff;
}
#navMain li ul,.pagenav ul li ul{
  position:absolute;
  top:20px;
  left:-9999px;
  padding-top:3px;
  background:#FFC51F;
}
#navMain li:hover ul,.pagenav ul li:hover ul{
  left:0;
  background:#FFC51F;
}
#navMain li:hover ul li,.pagenav ul li:hover ul li{
  width:117px;
  clear:both;
}
#navMain li:hover ul li:hover{
  background:#5B2A52;
}
#navMain li:hover ul li a,.pagenav ul li:hover ul li a{
  border-top:2px solid #fff;
  text-transform:none;
  font-size:0.9em;
  width:97px;
}
/**********************
      CONTENT
**********************/
#quickSummary{
  width:265px;
  font-family:Georgia,"DejaVu Serif","Bitstream Vera Serif",Norasi,serif;
  color:#5B2A52;
  font-size:1.2em;
  line-height:1.4em;
  margin-left:4px;
  background:url(img_index/col_left.png) repeat-y;
  height:258px!important;
  height:260px;
  top:340px;
  left:0;
  position:absolute;
}
#quickSummary p{
  margin:0;
  padding:0;
  margin:0 48px 0 40px;
}
.size20px{
  font-size:1.15em;
}
.size22px{
  font-size:1.2em;
}
#presentation{
  font-size:14px;
  color:#fff;
  line-height:1.5em;
  width:690px;
  text-align:justify;
  float:right;
  margin:11px 10px 0 0;
}
#presentation a{
  color:#fff;
  text-decoration:underline;
}
#presentation a:hover{
  color:#FF901F;
}
/**********************
      INFOS 
**********************/
#infos{
  float:left;
  width:265px;
  margin-left:4px!important;
  margin-left:2px;
  padding-bottom:18px;
  background:transparent url(img_index/left_end.gif) 0 bottom no-repeat;
  z-index:800;
}
#news{
  background:url(img_index/col_left.png) repeat-y;
  padding-top:15px;
}
#lastPosts{
  width:218px;
  padding-top:5px;
  padding-left:23px;
}
#lastPosts h1{
  border-top:1px solid #DDDDDD;
  padding-top:8px;
}
#lastPosts h1 a{
  display:block;
  background:url(img_index/h1_lastPosts.gif) 0 2px no-repeat;
  text-indent:-9999px;
  height:22px;
  width:100px;
  margin:0 auto 0 10px;
}
#lastPosts li{
  list-style:none;
  padding:5px 0;
}
#lastPosts li a{
  display:inline-block;
  font-size:0.95em;
  line-height:1.2em;
  padding-left:15px;
  background:url(images/postContent_li.gif) 0 2px no-repeat;
}
#lastPosts li a:hover{
  text-decoration:underline;
}
#lastPosts ul{
  border-bottom:1px solid #DDDDDD;
  padding:0 0 8px 0;
}
#blog a{
  background:url(img_pages/blog.gif) 135px 0 no-repeat;
  padding:5px 0 0 14px;
  text-align:justify;
  color:#5B2A52;
  display:block;
  text-transform:uppercase;
  height:15px;
  font-size:0.9em;
}
#blog a:hover{
  background:url(img_pages/blog.gif) 135px -17px no-repeat;
  color:#FF901F;
}
#blog a span{
  display:inline-block;
  text-indent:-9999px;
}
#infosNethik{
  padding:0 0 15px 26px;
  margin-top:25px;
  height:1%;
}
#infosNethik h1{
  background:url(img_index/infosNethik_h1.gif) 36px 0 no-repeat;
  height:15px;
  text-indent:-9999px;
}
#infosNethikContent{
  border-bottom:1px solid #DDDDDD;
  padding-bottom:15px;
  width:195px;
}
#infosNethik .post{
  background:#DED4DC;
  padding:4px 9px 4px 5px;
  width:195px;
  font-style:italic;
  color:#000;
  font-size:0.9em;
  text-align:center;
  line-height:1.3em;
}
#infosNethik .post a{
  color:#481C40;
}
#infosNethik .post a:hover{
  text-decoration:underline;
}
#transfertExpress{
  background:url(img_index/col_left.png) repeat-y;
  text-align:center;
  padding:5px 0 10px 0;
  position:relative;
  height:1%;
  z-index:500;
}
.btnTransfert{
  float:left;
  width:86px;
  margin-left:35px;
  display:inline;
}
.btnTransfert a{
  display:block;
  text-indent:-9999px;
  background:url(img_index/transfert_express.gif) center 0 no-repeat;
  height:35px;
}
.detailsTransfert a{
  float:left;
  color:#494949;
  font-size:0.8em;
  line-height:1.3em;
  text-decoration:underline;
  padding-left:10px;
}
.detailsTransfert a span{
  position:absolute;
  display:none;
}
.detailsTransfert a:hover span{
  display:block;
  position:absolute;
  left:220px;
  top:-50px;
  padding:20px 5px 5px 25px;
  width:150px;
  height:90px;
  font-size:1em;
  line-height:1.5em;
  text-decoration:none;
  background:url(img_index/bubble_transfert.gif) no-repeat;
}
/**********************
      AGENCY
**********************/
#agence{
  width:685px;
  height:70px;
  margin-left:276px!important;
  padding:10px 5px 10px 0;
}
#products h2 a strong{
  color:#494949;
  font:1.6em georgia,serif;
  text-transform:uppercase;
}
#agence h2{
  background:url(img_index/logo_agence.jpg) 5px 18px no-repeat;
  float:left;
  font-weight:normal;
  margin-top:7px;
  padding-right:10px;
  width:230px;
}
#agence h2 a{
  color:#5B2A52;
  display:block;
  font-size:1.1em;
  height:55px;
  padding:15px 0 0 60px;
}
#agence h2 a strong{
  font:1.6em georgia,serif;
  text-transform:uppercase;
}
#agence p{
  color:#5B2A52;
  font-size:0.9em;
  line-height:1.4em;
  padding:10px 0 0 7px;
}
#agence .readMore{
  font-size:11px;
  padding-top:0;
}
#agence .readMore a{
  color:#5B2A52;
}
#agence .readMore a:hover{
  text-decoration:underline;
}
/**********************
      PRODUCTS
**********************/
#products{
  width:695px;
  margin-left:276px!important;
  padding-top:30px;
  position:relative;
  z-index:1;
}
#products h1{
  background:#393939 url(img_index/produits_h2.gif) 10px 0 no-repeat;
  height:20px;
  margin-bottom:7px;
  text-indent:-9999px;
}
#products div{
  float:left;
  position:relative;
  width:227px;
  height:255px;
  margin:0 2px;
  display:inline;
}
#products h2 a{
  font-weight:normal;
  display:block;
  color:#494949;
  font-size:1.1em;
  height:55px;
}
#products h2 a strong{
  color:#494949;
  font:1.6em georgia,serif;
  text-transform:uppercase;
}
#terraOctet h2{
  background:url(img_index/logo_terra.jpg) no-repeat;
}
#terraOctet h2 a{
  padding:7px 0 0 55px;
}
#vote h2{
  background:url(img_index/logo_vote.jpg) no-repeat;
  position:relative;
}
#vote h2 a{
  padding:7px 0 0 64px;
}
#meabilis h2 a{
  background:url(img_index/logo_meabilis.jpg) no-repeat;
  padding:7px 0 0 58px;
}
#meabilis h2 a span{
  background:url(img_index/new_product.gif) no-repeat;
  display:block;
  height:13px;
  position:absolute;
  right:5px;
  text-indent:-9999px;
  top:16px;
  width:47px;
}
#products p{
  padding:0 7px;
  text-align:justify;
  line-height:1.6em;
  font-size:0.9em;
}
#products p .productLink{
  text-decoration:none;
}
#products li{
  line-height:1.4em;
  font-size:0.9em;
  padding:2px 0 2px 7px;
}
#products strong{
  color:#5B2A52;
  font-size:1.5em;
  font-weight:normal;
}
#products p.more{
  text-align:left;
}
.more .readMoreArrow{
  font-size:1.2em;
}
.more span.visitColor{
  font-size:1.2em;
  padding:0 3px;
}
.visit,
.readMore{
  font-size:11px;
  padding-right:3px;
  text-transform:uppercase;
}
.visit:hover,
.readMore:hover{
  text-decoration:underline;
}
.readMore{
  color:#471D41;
}
#terraOctet .visit{
  color:#96BD0D;
}
#terraOctet .visitColor{
  color:#96BD0D;
}
#vote .visit{
  color:#102B56;
}
#vote .visitColor{
  color:#102B56;
}
#meabilis .visit{
  color:#750031;
}
#meabilis .visitColor{
  color:#750031;
}
/**********************
      FOOTER
**********************/
#footer{
  text-align:center;
  width:980px;
  padding-top:40px;
}
#footer p{
  color:#8F8F8F;
  font-size:0.8em;
  line-height:1.1em;
}
#footer a{
  color:#8F8F8F;
}
#footer a:hover{
  text-decoration:underline;
}