/* Temporaire : voir le debug */
.cakeSqlLog {
	clear: both;
	margin: 40px;
	font-size: .8em;
}
.cakeSqlLog td, .cakeSqlLog th {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ddd;
	padding: 4px 8px;
	background: #fff;
	text-align: left;
}

* {
    margin: 0;
    padding: 0;
}
#container {
    text-align: left;
    width: 959px;
    margin: 0 auto;
}
#header {
    /*clear: both;*/
}
#wrapper {
    clear: both;
    float: left;
}
.wrapper-normal {
	background: url("../img/wrapper_bg.gif") repeat-y 0 0;
}
.wrapper-full {
	background: url("../img/wrapper-full_bg.gif") repeat-y 0 0;
}
    #navigation {
        float: left;
        width: 180px;
        overflow: hidden;
    }
	#content {
        float: left;
		overflow: hidden;
    }
	.content-normal {
		width: 533px;
    }
	.content-full {
        width: 779px;
    }
	#extra {
	    float: right;
	    width: 246px;
		overflow: hidden;
	}
#footer {
    clear: both;
    float: left;
    width: 100%;
    position: relative;
}

/* ** ** ** */
body {
    font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
    font-size: 100.1%;
    text-align: center;
    background: #000;
}
#header a {
	display: block;
	text-indent: -99999px;
	text-decoration: none;
	background: url("../img/extreme-carpe.jpg") no-repeat 0 0;
	width: 959px;
	height: 120px;
}

/* NAVIGATION */
#whatshot {
	text-indent: -99999px;
	width: 180px;
	height: 137px;
}
#whatshot a {
	display: block;
	text-decoration: none;
	width: 180px;
	height: 137px;
	background: url("../img/nav_what-is-hot.jpg");
}
#whatshot a:hover {
	background: url("../img/nav_what-is-hot_hover.jpg");
}
#menu {
	background: #30320d url("../img/nav_bg.jpg") no-repeat 0 0;
}
#menu li a {
	display: block;
	text-decoration: none;
	text-indent: -99999px;
	width: 180px;
	height: 47px;
	background-image: url("../img/nav_menu-off.gif");
	background-repeat: none;
}
#menu li a:hover {
	background-image: url("../img/nav_menu-on.gif");
}
#menu li ul {
	margin-left: 28px;
	list-style-type: none;
	height: 671px;
	line-height: 1.8em;
}
#menu li ul li {
	color: #fff;
	text-transform: uppercase;
	font-size: .9em;
	font-weight: bold;
}
#menu li ul li a {
	text-indent: 0;
	display: inline;
	background: none;
	color: #fabb00;
}
#menu li ul li a:hover {
	color: #fff;
	background: none;
}

#menu_home {background-position: 0 0}
#menu_le-mag {background-position: 0 -47px}
#menu_blog-a-bloc {background-position: 0 -94px}
#menu_hot-video {background-position: 0 -141px}
#menu_forum {background-position: 0 -188px}
#menu_ligne_directe {background-position: 0 -235px}
#menu_tackle-shop {background-position: 0 -282px}
#menu_crash-test {background-position: 0 -329px}
#menu_lundi-spensable {background-position: 0 -376px}
#menu_best-of {background-position: 0 -423px}
#menu_intendance {background-position: 0 -470px}
#menu_radio-activite {background-position: 0 -517px}
#menu_fight-club {background-position: 0 -564px}
#menu_galerie {background-position: 0 -611px}
#menu_ventes-privees {background-position: 0 -658px}
#menu_tvha {background-position: 0 -705px}
#menu_diko {background-position: 0 -752px}
#menu_annonces {background-position: 0 -799px}
#menu_gagnez {background-position: 0 -846px}
#menu_liens {background-position: 0 -893px}

/* CONTENT */
#content {
	font-size: .9em;
	line-height: 1.5em;
}
.content-normal {
	background: url("../img/content_bg.jpg") no-repeat 0 0;
}
.content-full {
	background: url("../img/content-full_bg.jpg") no-repeat 0 0;
}
#content a {
	color: #ef6a0b;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dashed;
}
#content a:hover {
	color: #000;
}
#content-normal {
	margin: 22px;
}
#content p {
	margin: 10px 0;
}
#content h2 {
	font-size: 1.1em;
	color: #4e501e;
}
#content h3 {
	font-size: 1em;
	color: #8e6214;
}
#content-normal h1 {
	color: #666;
	margin: 70px 0 16px 0;
	font-size: 1.3em;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
}
#content-normal h1 span {
	color: #8e6214;
}
.summary-sep {
	background: url("../img/content-sep.gif") no-repeat 0 0;
	height: 11px;
	margin: 5px 0 12px;
	width: 100%;
	clear: both;
	float: left;
}

/* WHAT IS HOT */
.summary-box {
	width: 100%;
	clear: both;
}
.summary-box span {
	color: #8e6214;
	font-weight: bold;
	font-size: 1.1em;
}
#content-normal .summary-box h2 a {
	color: #4e501e;
	font-size: 1.1em;
	border-bottom: 0;
}
#content-normal .summary-box h2 a:hover {
	color: #888;
}
.summary-box p {
	line-height: 1.6em;
}
.summary-box-img {
	float: left;
	width: 143px;
	height: 145px;
	background: url("../img/content_thumb-bg.gif") no-repeat 0 0;
	text-align: center;
}
.summary-box-cover {
	float: left;
	margin: 2px 16px 0 0;
}
#content-normal .summary-box-img a {
	border-bottom: 0;
}
.summary-box-footer {
	list-style-type: none;
	font-size: .8em;
	margin: 12px 0;
}
.summary-box-footer li {
	display: inline;
	margin-right: 10px;
	padding: 2px 2px 2px 26px;
}
#content-normal .summary-box-footer li a {
	color: #000;
	border-bottom: 0;
	text-decoration: underline;
}
#content-normal .summary-box-footer li a:hover {
	color: #ef6a0b;
}

.rubrique-list {
	margin: 1.5em;
	list-style-type: none;
}
.rubrique-list li {
	font-size: .9em;
	text-align: justify;
}
.rubrique-list-title {
	font-size: 1.2em;
}

#content-normal .summary-box-tags,
#content-normal .summary-box-infos {
	font-size: .85em;
	margin: 0;
}
#content-normal .summary-box-tags {
	margin-top: 8px;
}
#content-normal .summary-box-tags a {
	color: #8e6214;
	border-bottom: 0;
}
#content-normal .summary-box-tags a:hover {
	color: #c00;
	border-bottom: 1px dashed;
}
.summary-box-infos {
	color: #666;
}

/* CRASH TEST */
.crashtest-box {
	width: 100%;
	clear: both;
}
.crashtest-box-padding {
	padding: 14px;
	background: #fff url("../img/product_bg.gif") no-repeat 0 0;
}
.crashtest-box span {
	color: #8e6214;
	font-weight: bold;
	font-size: 1.1em;
}
#content-normal .crashtest-box h2 {
	font-size: 1.3em;
}
#content-normal .crashtest-box h2 a {
	color: #4e501e;
	border-bottom: 0;
}
#content-normal .crashtest-box h2 a:hover {
	color: #888;
}
.crashtest-box p {
	line-height: 1.6em;
	font-size: .9em;
}
.crashtest-box-img {
	float: left;
	margin: 2px 16px 0 0;
}
#content-normal .crashtest-box-img a {
	border-bottom: 0;
}
.current-cat {
	margin: 12px 0;
	padding-left: 8px;
	border-left: #ef6a0b 5px solid;
}

.ico-details {
	background: url("../img/bullet_green.gif") no-repeat 0 0;
}
.ico-buy {
	background: url("../img/bullet_yellow.gif") no-repeat 0 0;
}
.ico-subscribe {
	background: url("../img/bullet_red.gif") no-repeat 0 0;
}
.ico-pros {
	background: url("../img/ico_pros.gif") no-repeat 0 0;
}
.ico-cons {
	background: url("../img/ico_cons.gif") no-repeat 0 0;
}
.ico-judgement {
	background: url("../img/bullet_plus.gif") no-repeat 0 0;
}

/* EXTRA */
.extra-section {
	margin: 20px 12px 20px 30px;
}
.extra-section p {
	font-size: .8em;
}
.extra-section a {
	color: #ef6a0b;
	text-decoration: none;
	border-bottom: 1px dashed;
}
.extra-section a:hover {
	color: #000;
}
#extra h3 {
	display: block;
	text-indent: -99999px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0 0;
}
h3#extra-topvideos {
	background-image: url("../img/extra_top-videos.jpg");
	width: 246px;
	height: 122px;
}
h3#extra-interview {
	background-image: url("../img/extra_interview.gif");
	width: 193px;
	height: 59px;
}
h3#extra-feuilleton {
	background-image: url("../img/extra_feuilleton.gif");
	width: 193px;
	height: 61px;
}
h3#extra-kiosque {
	background-image: url("../img/extra_en-kiosque.gif");
	width: 212px;
	height: 55px;
}
h3#extra-tags {
	background-image: url("../img/extra_les-tags.gif");
	width: 202px;
	height: 56px;
}
h3#extra-rss {
	background-image: url("../img/extra_flux-rss.gif");
	width: 174px;
	height: 47px;
	margin-left: 14px;
}
ul#extra-feeds-list {
	margin: 12px 16px;
	list-style-type: none;
	line-height: 2em;
}
ul#extra-feeds-list li {
	background: url("../img/rss.gif") no-repeat 0 10px;
}
ul#extra-feeds-list li a {
	font-size: .9em;
	font-weight: bold;
	margin-left: 22px;
}
.extra-section-video {
	background: url("../img/extra_video-bg.jpg") no-repeat 0 0;
	width: 199px;
	height: 225px;
	margin: 8px 0 8px 32px;
}
.extra-section-video-thumb {
	text-align: center;
}
.extra-section-video-thumb img {
	margin: 16px 0 0 0;
}
.extra-section-video-desc {
	color: #fff;
	font-size: .8em;
	margin: 0 24px;
}
.extra-section-video-desc h4 {
	font-size: 1.2em;
}
.extra-section-video-desc h4 a {
	color: #ecb41a;
	text-decoration: none;
}
.extra-section-video-desc h4 a:hover {
	color: #ecb41a;
	text-decoration: underline;
}
.extra-section-video-desc p {

}

/* NUAGE DE TAGS */
#tag-cloud li {
    display: inline;
    margin-right: 8px;
}
#tag-cloud span {
    position: absolute;
    left: -999px;
    width: 990px;
}
#tag-cloud li a {
    text-decoration: none;
	border-bottom: 0;
}
#tag-cloud li a:hover {
    color: #ecb41a;
    text-decoration: none;
}
#tag-cloud .tag-1 a { color: #555; font-size: .7em; }
#tag-cloud .tag-2 a { color: #444; font-size: .85em; }
#tag-cloud .tag-3 a { color: #333; font-size: 1em; }
#tag-cloud .tag-4 a { color: #222; font-size: 1em; font-weight: bold; }
#tag-cloud .tag-5 a { color: #111; font-size: 1.1em; font-weight: bold; }
#tag-cloud .tag-6 a { color: #000; font-size: 1.2em; font-weight: bold; }

/* HOME */
#content-home h1 {
	display: block;
	text-indent: -99999px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#content-home h1 a {
	display: block;
	border-bottom: 0;
}
#content-home p {
	margin-bottom: 1.2em;
}
#content-home-body {
	line-height: 1.6em;
	margin: 1em 2em;
}

/* FOOTER */
#footer {
	background: #666 url("../img/eboo-editions.gif") no-repeat 12px 12px;
}
#footer p {
    color: #ccc;
	font-size: .75em;
    float: left;
	padding: 12px 0 12px 54px;
}
#footer span {
	font-size: 1.2em;
}
#footer p a {
	color: #ecb41a;
	font-weight: bold;
	text-decoration: none;
}
#footer p a:hover {
	color: #fff;
}
#footer-links {
	float: right;
	list-style-type: none;
	margin: 18px;
}
#footer-links li {
	display: inline;
	padding-left: 12px;
	background-image: url("../img/footer_sep.gif");
    background-repeat: no-repeat;
    background-position: 2px 6px;
}
#footer-links li a {
	color: #ccc;
	font-size: .8em;
	font-weight: bold;
	text-decoration: none;
}
#footer-links li a:hover {
	text-decoration: none;
	border-bottom: 1px dashed;
}
#footer-links .first {
    background-image: none;
}

/* FORMULAIRES */
#content form fieldset {
	margin: 10px 0;
	padding: 10px;
	border: #8e6214 1px solid;
}
#content form legend {
	font-weight: bold;
	color: #8e6214;
	padding: 0 5px;
}
#content form div {
	padding: 4px 0;
	font-size: .9em;
}
#content form label {
	margin-right: 5px;
	padding-right: 5px;
	width: 90px;
	display: block;
	float: left;
	text-align: right;
	position: relative;
	font-weight: bold;
}
.submit {
	text-align: center;
}
.form_error, .form-error {
	border: 1px solid red;
	background: #fcf5f6;
}
.error-message {
	margin-left: 102px;
	color: #c00;
	font-weight: bold;
}
.message {
	text-align: center;
	font-weight: bold;
	margin: 22px 0;
}
.required {
	background: url("/img/required.png") no-repeat 90px 4px;
}
#mentions {
	padding: 1em;
	color: #666;
	font-size: .8em;
}

/* 
 * MESSAGES
 * ------------------------------------------------------------------------------------------
 */
.message {
	border: 1px solid;
	margin: 12px 0;
	background: no-repeat 8px 10px;
}
.mssg_txt {
	/*font-size: .9em;*/
	color: #333;
	margin: 8px 8px 8px 48px;
	text-align: left;
}
.mssg_error {
	border-color: #e01616;
	background-color: #fdf3f3;
	background-image: url("/img/forbidden.gif");
}
.mssg_notice {
	border-color: #f57900;
	background-color: #fef8f2;
	background-image: url("/img/exclamation.gif");
}
.mssg_success {
	border-color: #47c518;
	background-color: #f6fcf3;
	background-image: url("/img/success.gif");
}
.mssg_error strong {
	color: #e01616;
}
.mssg_notice strong {
	color: #f57900;
}
.mssg_success strong {
	color: #47c518;
}

/* DIKO */
.definition {
	margin: 2em 1em;
}
.alphabet
{
    clear: right;
    list-style: none;
    font-size: 1.1em;
}
.alphabet li
{
    display: inline;
    margin-left: .5em;
    padding-left: .5em;
    border-left: 1px solid #999;
    background: none;
}
.alphabet li.first {
	border-left: 0;
}
.alphabet li a
{
    font-weight: bold;
}

/* GALERIE */
.galerie-line-wrapper {
	clear: both;
	float: left;
	width: 100%;
}
.galerie-photo-wrapper {
	float: left;
	margin: 0 16px;
}

/* RADIO-ACTIVITE */
h1#logo-radio {
	display: block;
	text-indent: -99999px;
	text-decoration: none;
	width: 470px;
	height: 257px;
	background: url("../img/logo_radio.gif") no-repeat 0 0;
}

/* PANIER
 * ------------------------------------------------------------------------------------------
 */
.tr-odd   { background-color: #f5f6e0; }
.tr-even   { background-color: #eceed0; }
.tr-highlight { background-color: #f8fbd0; }

.panier {
	margin: 1em 0;
}
.panier th, 
.panier td
{
    padding: .5em;
	vertical-align: top;
}
.panier th
{
	color: #fff;
	border-bottom: 1px solid #333;
	background: #e7a507;
	white-space: nowrap;
}
.panier td
{
	border-bottom: 1px solid #d3d3d3;
}
.panier td a
{
	color: #f60;
	font-weight: bold;
	text-decoration: none;
	border-bottom: none;
}
.panier td a:hover
{
	color: #000;
}
.panier td span {
	color: #999;
	font-size: .85em;
}
.panier td span a {
	color: #f60;
	font-weight: normal;
}
.input-quantite {
	text-align: right;
}

/* CLIENT LOGIN CHECK
 * ------------------------------------------------------------------------------------------
 */
.column {
	width: 50%;
}
#left-column {
	float: left;
}
#left-column-content {
	margin-right: 12px;
}
#right-column {
	float: right;
}
#right-column-content {
	margin-left: 12px;
}

/*
 * PAGINATE
 * ---------------------------------------------------------------------------
 */
.paginatorstatus {
	font-size: .9em;
}
.paginatornumbers {
	font-size: .9em;
	padding: 2em 0;
	text-align: right;
}
.paginatornumbers span {
	margin: .5em .25em;
    padding: .25em .5em;
    border: 1px dashed #999;
    font-weight: bold;
}
.paginatornumbers a {
	margin: .5em .25em;
    padding: .25em .5em;
    border: 1px dashed #ddd;
	font-weight: bold;
	text-decoration: none;
}
.paginatornumbers a:hover {
	border: 1px dashed #000;
}
