/*
Theme Name: Ellop-Media
Description: Thème d'Ellop-Media, il utilise les plugins <a href="http://www.nixonmcinnes.co.uk/2009/07/27/making-wordpress-navigation-more-usable-through-pagination-patterns/">Proper Pagination</a> créé par Steve Winton pour sa pagination et une version modifiée (donc librement redistribuable) de <a href="http://lesterchan.net/portfolio/programming/php/">WP-PostViews</a> (qu'il ne faut d'ailleurs pas oublier d'uploader) créé par Lester "GaMerZ" Chan pour ses classements de popularité.
Version: 2.0
Author: Benjamin Goetz y el Haulrico!!!
*/

/* Tags */

body, html {
    margin: 0px;
    padding: 0px;
}

body {
    color: #000;
    background: transparent url('png/fond.png') repeat-x scroll center top;
    font: normal normal normal 0.9em 'arial', sans-serif; 
    text-align: justify;
}

a:link, a:visited {
    color: #222;
    text-decoration: none;
}

a:hover, a:active {
    color: #407;
}

img {
    border: none;
}

ol,ul {
    list-style: none;
    padding-left: 0;
}

hr {
    display: block;
    clear: both;
    height: 1px;
    margin: 0em auto 1em;
    padding: 0px;
    color: #888;
    background-color: #888;
    border: none;
}

/* Page */

#page {
    width: 1020px;
    margin: 0px auto;
}

/* Head */

#head {
    background: transparent url('png/menu.png') repeat-x scroll center bottom;
}


/* Logo */

.logo {
    position:relative;
    height: 75px;
    width: 100%;
    margin-top: 55px;
}

#logo {
    float: left;
}

#ab {
    margin: 23px 44px 0px 44px;
}

#sp {
    margin-top: 21px;
}

#at {
    margin: 23px 45px 0px 45px;
}

#eve {
    margin-top: 20px;
}

/* Menu */

.menu {
    height: 30px;
    padding: 0px;
    margin: 25px 0px 0px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
}

.menu li {
    display: inline;
    font-weight: bold;
}

.menu a {
    padding: 10px 19px 10px 10px;
    background: transparent url('png/menu-sep.png') no-repeat scroll right;
    letter-spacing: 1px;
}

.menu .last {
    padding-right: 10px;
    background: none;
}

.menu-hr {
    height: 1px;
    margin-bottom: 0px;
    background: transparent url('png/menu-hr.png') no-repeat scroll right;
}

/* Body */

#body {
    position: relative;
    margin-top: 50px;
}

/* Content */

#content {
    float: left;
    width: 680px;
}

#content h2 {
    margin: 0px;
    padding: 10px;
}

/* Sidebar */

#sidebar {
    float: right;
    width: 315px;
    margin-left: 15px;
}

#sidebar h3 {
    color: #000;
    font-weight: bolder;
    margin: 0px 0px 10px 23px;
}

#sidebar ul {
    padding: 0px 0px 0px 43px;
    margin: 0px;
    list-style-image: url('png/list_style.png');
    list-style-position: outside;
}

#sidebar a:link, #sidebar a:visited {
    color: #000;
}

#sidebar a:hover, #sidebar a:active {
    color: #407;
}

.sidebar-hr {
    height: 1px;
    margin: 20px auto;
    background: transparent url('png/sidebar-hr.png') no-repeat scroll right;
}

.sidebar-title-hr {
    height: 1px;
    margin-bottom: 10px;
    background: transparent url('png/sidebar-title-hr.png') no-repeat scroll left;
}

/* Most Read */

#most_read h3 {
    margin-top: 0px;
}

#most_read span {
    color: #407;
}

/* Equipe, Sites */

#equipe p, #sites p {
    position: relative;
    width: 300px;
    margin-left: 15px;
}

#equipe h3 a:link, #equipe h3 a:visited, #sites h3 a:link, #sites h3 a:visited {
    color: #000;
}

#equipe h3 a:hover, #equipe h3 a:active, #sites h3 a:hover, #sites h3 a:active {
    color: #407;
}

#equipe a:link, #equipe a:visited, #sites a:link, #sites a:visited {
    color: #fff;
}

#equipe a:hover, #equipe a:active, #sites a:hover, #sites a:active {
    color: #aaa;
}

#equipe span, #sites span {
    position: absolute;
    top : 0px;
    left: 0px;
    width: 292px;
    padding: 2px 4px;
    background: transparent url('png/essais-fond.png') repeat-y scroll left;
    font-size: 12px;
    font-weight: bold;
}

/* Mots-Clés */

#cloud p {
    padding-left: 15px;
}

/* Footer */

#foot {
    clear: both;
    padding-top: 40px;
    color: #777;
}

#foot hr.body-hr {
    height: 1px;
    margin: 0px 0px 40px;
    background: transparent url('png/body-hr.png') no-repeat scroll right;   
}

#foot h2 {
    margin: 10px 0px 0px;
    color: #000;
    font-size: 1em;
    font-weight: normal;
}

#foot a:link, #foot a:visited {
    color: #777;
}

#foot a:hover, #foot a:active {
    color: #407;
}

.col {
    float: left;
    width: 25%;
    margin-bottom: 40px;
}

.col ul {
    margin: 0px;
}

#liste_marques ul {
    float: left;
    width: 14%;
    margin: 0px;
}

#cr {
    position: relative;
    clear: left;
    height: 46px;
    margin: 55px 0px 0px 0px;
    padding: 12px 5px 0px 0px;
    color: #fff;
    background: transparent url('png/bg_ellop.png') repeat-x scroll center top;
    font-size: 10px;
    text-align:right;
    line-height: 11px;
}

#cr a:link, #cr a:visited {
    color: #fff;
}

#cr a:hover, #cr a:active {
    color: #407;
}

#cr img {
    position: absolute;
    left: 5px;
    top: 8px;
}

.title-hr {
    background: transparent url('png/title-hr.png') no-repeat scroll right;
}

.clearer {
    height: 0px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    color: #fff;
    background-color: transparent;
    border-width: 0px;
}