/* -------------------------------------------------------
Reset
------------------------------------------------------- */
*, html{
	padding : 0px;
	margin : 0px;
	font-family :  Arial, sans-serif;
}
a,
a img,
blockquote,
body,
caption,
div,
dl,
dt,
dd,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
label,
legend,
object,
p,
pre,
span,
strong
{
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
a:link,
a:visited,
a:active,
a:hover {
  text-decoration: none;
  color: #999; 
  outline : none;
}
img a:hover {
}
fieldset,
img {
  border: 0;
}
ul, ol, li {
	list-style-position: inside;
	margin : 0px;
}

/* -------------------------------------------------------
Reset
------------------------------------------------------- */




/* -------------------------------------------------------
Global
------------------------------------------------------- */
body{
	font-family :  Helvetica, Arial, sans-serif;
	font-size : 12px;
	background-color : #fff;
}
.c{
	width : 960px;
	margin : 0 auto;	
}
.fLeft{
	float : left;	
}
.fRight{
	float : right;	
}
.cBoth{
	clear : both;	
}
.dNone{
	display : none;	
}

h1{
   font-family:arial,helvetica,sans-serif;
   font-size:32px;
   line-height:32px;
   color : #444;
   display : block;
   margin-bottom : 10px;
}
h2,
span.title{
   font-family:arial,helvetica,sans-serif;
   font-size:20px;
   color : #666;
   text-transform : uppercase;
}


/* -------------------------------------------------------
Global
------------------------------------------------------- */



/* -------------------------------------------------------
Header
------------------------------------------------------- */
#header{
    
    
}
#top{
   height : 40px;
   background-color : #fff;
}
#top a{
    font-size : 20px;
    line-height : 40px;
    font-family:arial,helvetica,sans-serif;
    color:#333;
    text-transform : uppercase;
}
#top .search{
    float : right;
    width : 320px;
    padding-top : 10px;
    text-align : right;
}

#banner{
    height : 300px;
    padding-top : 20px;
    background-color : #4b4b4b;
    color: #fff;
    font-size : 36px;
    line-height : 46px;
}
#banner p{
    padding-top : 20px;    
}
#banner.intro{
    height : 160px;
    padding-top : 10px;
}
#banner .ads{
    float : left;
    height : 280px;
    width : 360px;
}
#ruban{
    height : 100px;
    padding-top : 10px;
    background-color : #efefef;
}
#ruban .ads{
    width : 728px;
    height : 90px;
    display : block;
    margin : 0 auto;
}
/* -------------------------------------------------------
Banner
------------------------------------------------------- */




/* -------------------------------------------------------
Center
------------------------------------------------------- */
#center{
     padding : 0px 0px 40px;
     height : auto !important;
     height : 750px;   
     min-height : 750px;
}
#center h2{
     clear : both;
     padding-top : 40px;
     margin-bottom : 5px;   
 }
 #center p{
     font-size : 16px;
     color : #999;
     line-height : 20px;
     padding-bottom : 10px;
 }
 #center p.ariane{
     font-size : 12px;
 }
 
 #center .cats a{
     float : left;
     text-align : center;
     height : 66px;
     display : block;
     width : 25%;
     line-height : 66px;
     font-size : 16px;
 }
 #center .cats a.bg{
    background : #f9f9f9;  
 }
 #center .website{
     float : left;
     width : 50%;
     height : 105px;
     padding-top : 15px;
 }
 #center .website.bg{
     background : #f9f9f9;
 }
 #center .website a img{
     float : left;
     width : 120px;
     margin-left : 15px;
     height : 90px;
 }
 #center .website p{
     margin-left : 150px;
     margin-right : 15px;
     font-size : 12px;
     line-height : 15px;
 }
 #center .website h3 a{
     margin-left : 15px;
     margin-right : 15px;
     font-size : 16px;
     color : #999;
     line-height : 20px;
     padding-bottom : 10px;
 }
 #center .website2{
     float : left;
     width : 50%;
     height : 55px;
     padding-top : 10px;
 }
 #center .website2.bg{
     background : #f9f9f9;
 }
 #center .website2 p{
     margin-left : 10px;
     margin-right : 10px;
     font-size : 12px;
     line-height : 15px;
 }
 #center .website2 h4 a{
     margin-left : 10px;
     margin-right : 10px;
     font-size : 16px;
     color : #999;
     line-height : 15px;
     padding-bottom : 10px;
 }
 #center .ads{
     float : left;
     width : 340px;
     height : 300px;
 }
 #center .ad{
    width : 728px;
    height : 90px;
    display : block;
    margin : 20px auto;
 }
  #center .snap{
    width : 220px;
    height : 170px;
     float : left;
 }
 #center p.add{
     padding : 40px 0px 10px;
     font-size : 12px;
 }
  #center p.add span{
  color : #333;
  font-size : 11px;
  
  }
   #center p.add a{
   text-decoration : underline;
  }
/* -------------------------------------------------------
Center
------------------------------------------------------- */




/* -------------------------------------------------------
Footer
------------------------------------------------------- */
#footer{
   background-color : #f6f6f6; 
   padding : 10px 0px;
   color : #ccc;  
   font-size : 12px;
   clear : both;
}
#footer p{
    line-height : 18px;
}
#footer a{
    color : #aaa;    
    margin-right : 10px;
}
#footer .fRight a{
    margin-right : 0px;
}
#footer a:hover{
    color : #888;    
    text-decoration : underline;
}
/* -------------------------------------------------------
Footer
------------------------------------------------------- */