@charset utf-8;

body {
background-color:#f8f8f8;
background-image:url(../images/d_px_haut.png);
background-repeat:repeat-x;
background-position:top left;
color:#000;
font-family:Tahoma, Verdana, Geneva, sans-serif;
font-size:12px;
margin-top:0;
margin-left:0
}

img {
border-style:none
}

div#page {
margin-left:auto;
margin-right:auto;
width:985px
}

div#haut_logo {
background-image:url(../images/d_logo.png);
background-repeat:no-repeat;
width:211px;
height:80px;
position:absolute;
}

div#haut_pub {
margin-left: 260px;
width: 88px;
height: 80px;
position: absolute;
margin-top: 10px;
}

div#haut_fav_home {
background-image:url(../images/d_home.png);
background-repeat:no-repeat;
margin-left:790px;
width:88px;
height:80px;
position:absolute;
}

div#haut_fav_star {
background-image:url(../images/d_favorite.png);
background-repeat:no-repeat;
margin-left:910px;
width:54px;
height:80px;
position:relative;
}

div#menu {
width:800px;
height:35px;
font-family:Arial,Tahoma, Geneva, sans-serif;
font-size:10pt;
font-weight:700;
color:#82de27;
}

ul#menu_list {
list-style-type:none;
margin-top:0;
margin-bottom:0;
margin-left:160px;
height:36px;
width:100%;
padding:0
}

ul#menu_list li {
text-align:center;
height:35px;
float:left
}

ul#menu_list li a {
line-height:35px;
height:35px;
width:130px;
display:block;
color:#000;
text-decoration:none;
text-transform:uppercase
}

ul#menu_list li a:hover {
background-image:url(../images/d_px_menu_over.png);
background-repeat:repeat-x;
color:#fff
}

div#centre {
margin-top:33px
}

div#gauche {
width:656px;
height:10px;
position:absolute
}

div.gauche_box_haut {
background-image:url(../images/d_gauche_box_haut.png);
background-repeat:no-repeat;
width:654px;
height:14px
}

div.gauche_box_contenu {
background-image:url(../images/d_gauche_box_px.png);
background-repeat:repeat-y;
padding-left:8px;
width:654px;
overflow:hidden
}

div.gauche_box_bas {
background-image:url(../images/d_gauche_box_bas.png);
background-repeat:no-repeat;
width:654px;
height:14px;
margin-bottom:10px
}

div#droite {
position:absolute;
margin-left:664px;
width:321px;
height:10px
}

div.droite_box {
background-color:#91c000;
border-width:1px;
border-color:#999999;
-moz-border-radius:11px;
-webkit-border-radius:11px;
border-radius:11px;
/*IE DOES NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow:0px 0px 5px #000000;
-webkit-box-shadow:0px 0px 5px #000000;
box-shadow:0px 0px 5px #000000;
/*IE DOES NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
background-image: -moz-linear-gradient(top, #b2ed00, #91c000);
background-image: -webkit-gradient(linear, center top, center bottom, from(#b2ed00), to(#91c000));
background-image: -o-linear-gradient(top, #b2ed00, #91c000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2ed00', endColorstr='#91c000');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2ed00', endColorstr='#91c000')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: linear-gradient(top, #b2ed00, #91c000);
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/



padding:5px 0 5px 8px;
margin-bottom: 10px;
width:311px;
}

div.droite_box_white {
background-color:#ffffff;
border-width:1px;
border-color:#999999;
-moz-border-radius:11px;
-webkit-border-radius:11px;
border-radius:11px;
/*IE DOES NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow:0px 0px 5px #000000;
-webkit-box-shadow:0px 0px 5px #000000;
box-shadow:0px 0px 5px #000000;
/*IE DOES NOT SUPPORT BLUR PROPERTY OF SHADOWS*/

padding:5px 0 5px 8px;
margin-bottom: 10px;
width:311px;
}


ul.top {
list-style-type:none;
margin:0;
padding:5px 0
}

ul.top li {
display:block;
height:40px;
margin:5px 0 10px
}

ul.top a {
background:none;
width:297px;
height:40px;
display:block;
padding:0
}

ul.top a:hover {
background:none;
padding:0
}

.top_pix {
-webkit-box-shadow: 2px 2px 4px black;
-moz-box-shadow: 2px 2px 4px black;
-khtml-box-shadow: 2px 2px 4px black;
box-shadow: 2px 2px 4px black;
-moz-border-radius:4px;
-webkit-border-radius:4px 4px 4px 4px;
-khtml-border-radius:4px 4px 4px 4px;
border-radius:4px 4px 4px 4px;
border:solid 2px #fff;
width:40px;
height:40px;
}

.top_pseudo {
margin-top:10px;
position:absolute;
left:140px;
color:#fff;
font-size:16px;
font-weight:700;
text-shadow: 1px 2px 2px #000;
}

.top_nb {
margin-top:10px;
position:absolute;
left:256px;
color:#666;
font-size:18px;
font-weight:700;
}

.topsite_pix {
-moz-border-radius:4px;
-webkit-border-radius:4px 4px 4px 4px;
-khtml-border-radius:4px 4px 4px 4px;
border-radius:4px 4px 4px 4px;
border:solid 2px #B2ED00;
width:40px;
height:40px;
}

.topsite_nom {
margin-top:10px;
position:absolute;
left:150px;
color:#A3C22C;
font-size:16px;
font-weight:700;
}

.topsite_nb {
margin-top:10px;
position:absolute;
left:265px;
color:#666;
font-size:18px;
font-weight:700
}


.top_rank,.topsite_rank {
margin-top:10px;
position:absolute;
left:70px;
color:#666;
font-size:18px;
font-weight:700
}