/********************
***  Style reset  ***
********************/
*
{
   margin: 0;
   padding: 0;
}



/**********************
***  Global Styles  ***
**********************/
html { background: #252525; }
html, body
{
   color: #000;
   margin: 0 auto;
   font: 13px "Trebuchet MS", arial, verdana, sans-serif;
}
body
{
   width: 990px;
   padding: 40px 0;
   margin-top:35px;
   text-align:justify;
}
h1
{
   font: 14px "Trebuchet MS", sans-serif;
   background-color: transparent;
   font-weight:bold;
   color: #252525;
   margin-bottom:2px;
   margin-top:2px;
   margin-left:5px;
}
h2
{
   font: 16px "Trebuchet MS", sans-serif;
   background-color: transparent;
   color: #979797;
   padding-left: 95px;
   margin-bottom:10px;
}
#info
{
   background-color: transparent;
   color: #979797;
   font-size: 11px;
   margin-top:-33px;
   font-weight: normal;
   position:absolute;
}
p
{
   padding: 6px 5px;
}
a:link, a:active
{
   background-color: inherit;
   color: #b1ae94;
}
a:visited
{
   background-color: inherit;
   color: #918e74;
}
a:hover
{
   text-decoration: none;
}
ul
{
   list-style-type: none;
}

img {
	border: 0;
}


/***********************
***  Top Navigation  ***
***********************/
#search
{
   margin-left:720px;
   margin-top:-35px;
   position:absolute;
}

#logo
{
   margin-bottom:10px;
   position:relative;
   height:55px;
}

#home
{
   height: 26px;
   float: left;
   padding: 0 0 0 0;
   margin: 0;
}

#adheader
{
   height: 20px;
   width: auto;
   float: right;
   padding: 0 0 0 0;
   margin-top: 4px;
}

#adheader a
{
   color: #fff;
}
   
/*********************
***  Main Content  ***
*********************/
div#main-content
{
   margin: 36px 0 0 0;
   padding: 15px 15px 10px 10px;
   background: #fff;
}
div#main-content h2
{
   font: 18px Georgia, "Trebuchet MS", verdana, arial, sans-serif;
   padding: 10px 0 0 10px;
   font-weight: normal;
}
div#side-col
{
   margin: 59px 0 0 0;
   padding: 5px 0 10px 0;
   font-size: 10px;
   float: left;
   display: inline;
   width: 225px;
   background: #fff url('images/bg.png') repeat-y left;
}
div#side-col h3
{
   font-size: 10px;
   padding: 30px 15px 5px 15px;
}
div#side-col p
{
   padding: 0 15px 5px 15px;
}
div#side-col p#quote-link a
{
   margin: 20px 0 0 0;
   float: right;
   display: block;
   background: #e2e0c3;
   padding: 7px;
   width: 100px;
   text-align: center;
   color: #ef067c;
}

div#infotv
{
   background: transparent url('images/info.png') no-repeat 10px 10px;
   min-height:68px;
   padding: 8px 5px 18px 85px;
   text-align:justify;
}

div#aide
{
   background: transparent url('images/notebook.png') no-repeat 10px 10px;
   min-height:68px;
   padding: 8px 5px 18px 85px;
   text-align:justify;
}

/*****************
***  Services  ***
*****************/
ul#services
{
   border-top: 1px solid #fff;
   background: #fbf9ed url('images/bg-light.png') repeat-y right;
}
ul#services li
{
   background: transparent url('images/logo-design.png') no-repeat 10px 17px;
   border-bottom: 1px solid #fff;
   padding: 12px 5px 12px 35px;
}
ul#services li#web-design { background-image: url('images/web-design.png'); }
ul#services li#valid-markup { background-image: url('images/valid-markup.png'); }
ul#services li#free-quote { background-image: url('images/free-quote.png'); }
ul#services li a:link, ul#services li a:active, ul#services li a:visited
{
   background-color: inherit;
   color: #000;
   font-weight: bold;
   text-decoration: none;
}
ul#services li a:hover
{
   text-decoration: underline;
}



/********************
***  Welcome Box  ***
********************/
div#welcome
{
   background: #fbf9ed url('images/coinlogo.png') no-repeat bottom right;
   margin: 0 0 10px 0;
   border: 3px solid #f0eed9;
   padding: 0 0 10px 0;
}
div#welcome p
{
   color: #b1ae94;
   margin: 10px 10px -5px 10px;
   font: 13px "Trebuchet MS", arial, verdana, sans-serif;
}
div#welcome p a
{
   color: #8585ad;
}


/********************
***  Page Footer  ***
********************/
p#footer
{
   background-color: transparent;
   color: #979797;
   font-size: 10px;
   padding: 40px 0 0 0;
   text-align: center;
}



/* other */

div#fancy_overlay { background: #2c2c2c; }	/* overlay color */

.fixe { 
  /* un bloc fixe situ? en haut qui fait toute la largeur */ 
  position : fixed;
  display: inline-block;
  height:auto;
  z-index:100;
  background-color:#FFFFE1;
  border-bottom:#707070 1px solid;
  top: 0px; 
  left: 0px; 
  right: 0px; 
  width: 100%; 
  /* et le patch pour IE */ 
  position : expression("absolute"); 
  width : expression("100%"); 
  top : expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight); 
  left : expression("0px"); 
}

.pr1 { 
  /* un bloc fixe situ? en haut qui fait toute la largeur */ 
  position : fixed;
  display: inline-block;
  height:auto;
  z-index:101;
  border: #000 solid 1px;
  top: 50px; 
  left: 50px;  
  width: 100px;
  height:100px;
  background-color:#FFF;
  
  /* et le patch pour IE */ 
  position : expression("absolute"); 
  width : expression("100px"); 
  top : expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight); 
  left : expression("50px"); 
}