/*
Theme Name:WP CODA Orange
Theme URI:http://kerrywebster.com/my-themes/
Description:Based on the Coda Slider inspired wordpress theme by <a href="http://greg-j.com/">Greg Johnson</a>.
Version:1.0
Author:Kerry Webster
Author URI:http://kerrywebster.com/
Tags:coda, jquery, slider, orange, fixed
*/


/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}

body {background: #B8B8AB url(images/bg_body.gif) repeat-x; font-family: 'Trebuchet MS', Tahoma, Verdana}
a {color:#871213;text-decoration:none;}
a:hover { color:#976868; text-decoration: underline;}

#header{width:100%;height:150px; background:url(images/header_bg.gif) repeat-x; margin-bottom: 20px;}
#header_logo {background: #FFF; width: 25%; height: 131px; float: left; margin-right: 30px;}
#header_logo img {float: right;}
#header_right {padding: 20px 0 0 35px;}
#header_right h1 {color: #FFF; font-size: 22px; }

#header_title h1 {font-size: 26px;}

#header_search {}
#header_search input[type="text"]{ border:1px solid #CC3300; width:30em; height: 1.5em; color: #333333;font:1em Trebuchet MS, Arial, sans-serif;padding:2px;}

#header_nav {color: #FFF; font-size: 11px; margin: 5px 0 0 20px; font-weight: normal;}
#header_nav a {font-size: 14px; margin: 5px 0 0 2px; font-weight: bold;}
#header_nav h2 {display : inline;}	
#header_pub {color: #FFF; font-size: 11px; margin: 1px 0 0 20px; font-weight: bold;}

/**************** WRAPPER*********************/
#wrapper{float:middle; margin-left: auto; margin-right: auto; width:950px; clear: both;}


/**************** BREADCRUM*********************/
#breadcrumb {font-size: 11px; margin-bottom: 10px;}


/**************** HOME PAGE *********************/
#page_home{float:middle; margin-left: auto; margin-right: auto; width:850px; clear: both; margin-bottom: 20px;}

#bloc_accroche {margin-bottom: 10px;}
#home_accroche {font-size: 24px; color: #a2835d; align: left; padding-bottom: 20px; font-weight: bold; float: left; width: 515px; text-align: justify;}
#home_accroche .align {text-align: left;}
#home_accroche a {font-size: 15px; }
#home_cat_noeudimg {float: left; margin-right: 10px;}
#home_accroche_triple {width:100%;}
#home_accroche_triple img {width: 50px;}
#carre_home{float: right;}

#bloc-sous-cat {width: 100%; margin-top: 10px; background:url(images/bg-cat-home.gif) no-repeat; clear:both; height: 260px;}
#bloc-sous-cat-title {padding: 5px 0 5px 10px; font-size: 25px; line-height: 25px; font-weight: bold; width: 45%;}
#bloc-sous-cat-title img {width: 30px; margin: 0 5px 0 5px;}
#bloc-sous-cat-liens {width: 300px; float: left; padding: 10px 0 0 70px; font-size: 16px;}
#bloc-sous-cat-top2 {width: 400px; float: right; height: 260px; padding-top: 25px;}
#bloc-sous-cat-top2 .title {color: #a2835d; font-size: 15px; font-weight: bold;}
#bloc-sous-cat-top2 .mea {text-align: center;}
#sous-bloc {width: 150px; display: table-cell; margin-right: 30px;}
#sous-bloc-img {width: 140px; Height: 140px; overflow: hidden;}
#sous-bloc img {width: 140px; margin: 0 15px 0 15px;}
#sous-bloc-titre {text-align: center; font-size: 12px; height: 24px;}


/**************** LEFT COL*********************/
#left_col {float: left; width: 300px; margin-right: 10px;}
#left_col li {list-style:none;}
#left_col h1 {margin: 10px 0 20px 0; }
#left_col h4 {}
#left_col .carre {}
#left_col .description {margin: 10px 0 20px 0; background: #ffcc99; text-align: justify; color: #664444; padding: 10px; line-height: 16px; font-size: 14px;}
#left_col .liens {margin: 0 0 10px 0;}
#left_col .liens h3 {text-transform: uppercase; font-size: 18px; color:#F3520C; font-weight: bold;}
#left_col .bloc-liens {margin: 15px 0 0 0;}
#left_col .bloc-liens h4 {font-weight: bold; font-size:16px;}
#left_col .bloc-liens li {margin-left: 10px; font-size:14px;}
#left_col .bloc-liens li a:hover {text-decoration:none;}

/**************** PAGE NOEL *********************/
#entete_noel {font-weight: bold; margin-left: 400px; padding: 10px 20px 10px 10px; color: #ffffff; text-align: justify;}
#entete_noel a {color: ffffff;}
#entete_noel a visited {color: ffffff;}

#bloc_noel {background: url(); height: 300px; width: 900px; margin-bottom: 20px;}

#contenu_page_noel .bloc-liens_gauche {width: 400px; margin: 5px 5px 10px 5px; float: left; height: 300px; background: url(http://www.meilleurscadeaux.fr/wp-content/uploads/2009/11/bloc_bg.gif);}
#contenu_page_noel .bloc-liens_droite {width: 400px; margin: 5px 5px 10px 5px; float: right; height: 300px; background: url(http://www.meilleurscadeaux.fr/wp-content/uploads/2009/11/bloc_bg.gif);}
#contenu_page_noel .bloc-liens-title {color: #B81D1D; font-weight: bold; text-align: center; font-size: 20px; line-height: 28px;}
#contenu_page_noel .liste-liens {width: 90%; margin-left: 15px; list-style:none; font-size: 15px; color: #CCCCCC; height: 200px;}
#contenu_page_noel .liste-liens li {}
#contenu_page_noel .bouton {background: url(http://www.meilleurscadeaux.fr/wp-content/uploads/2009/11/bouton_voir_tout.gif); float: middle; margin-left:auto; margin-right: auto; font-size:13px ;color: #ffffff; width: 167px; height: 45px; margin-top: 10px; text-align: center; line-height: 22px;}

/**************** PAGES MEILLEURES IDEES *********************/

.meilleures_idees_toptexte {font-weight: bold; margin-bottom: 8px;}
.meilleures_idees_lien_cat {text-align: right;}

/**************** PAGES MARQUES *********************/
#logo {float: left; width:200px;height:70px;display:inline; background-color:#fff;border:1px solid #000;text-align:center;}
#logo img{margin-top:auto;margin-bottom:auto;}


/**************** CONTENT *********************/
#contenu_page { float:right; width:640px;}
.pagetitle {margin-bottom: 20px; text-transform: uppercase; font-size: 26px; color:#F3520C;}

#page_col_milieu {margin-left: 25%; width: 550px;}

#page{ width:900px; margin:0 auto; background:url(images/page_bg.png) 50% 50px no-repeat;}

#post-seul {width:900px; margin: 20px 0 20px 0;}
.post {float:left; margin:5px 5px 25px 0; background: #FFF url('./images/post_seul_bg.jpg') no-repeat bottom; width: 208px; display:inline;}
.post .title {font:normal 14px 'Trebuchet MS', Tahoma, Verdana; color:#5A5285; margin: 10px 3px 5px 3px; width: 204px; text-align: center; height: 2em; font-weight: bold;}
.post .title a:hover {text-decoration:none;}

.titre_cat {width: 78%; float: left;  }

.thumb img {width: 300px; margin: 10px 10px 10px 10px;}
.thumb_archive {width: 180px; height: 230px; overflow: hidden; margin: 5px 10px 5px 10px;}
.thumb_archive img {width: 180px;}

.favori { margin-left: 10px; width: 300px; font-size: 11px;}
.envoi_email { margin-left: 10px; width: 300px; font-size: 11px; }
.share{ margin-left: 10px; width: 300px; }

.post_title h2 {text-transform: uppercase; font-size: 30px; color:#F3520C; font-weight: bold; margin: 20px 0px 10px 0px; }
.art_seul_nav {float: right; text-align: right; font-size: 11px; margin: 0 0 10px 0;}

.tag {font-weight:bold;font-size: 14px; width:100%; margin-bottom: 8px; padding-left: 10px; float: left;}
.rating {width:100%; float: left; margin: 5px 5px 5px 10px; }
.vendeur {font-weight:bold; font-size: 14px; margin-bottom: 8px; padding-left: 10px; width: 100%; float: left;}


#bloc_acheter {background:#cccccc; height: 100px; margin-top: 30px; float:left; width:100%;}
.prix {color:#FF6600;font-size: 35px; float: left; font-weight: bold;margin: 25px 0 10px 30px; }
.bouton_offrir {float: right; width:auto; height:auto;margin: 25px 10px 0 0; }


.content {font-weight:bold;font-size: 14px; text-align: justify; padding: 10px 0 0 10px; height: auto; margin: 40px 0 0 0;}


.logo {width: auto; float: right;}
.logo img {width: 80px;}
.commentaires {  }

.boutonaddthis {margin-left: 10px;}
.detail {float: right; clear: both; font-weight: bold}
.detail img {vertical-align: middle;}
.offrir {float: right; clear: both; font-weight: bold; width: 100%;}
.offrir img {vertical-align: middle;}
.widget-content ul img {width: 100px;}

#bloc-affiner {width: 640px; padding: 5px 0 5px 20px; list-style:none; margin: 10px 0 15px 0; border-top: 2px solid #F3520C; border-bottom: 2px solid #F3520C; clear: both;}
#bloc-affiner .title {font-weight: bold;}
#bloc-affiner li {display: inline; margin: 6px 12px 6px 0;}
#bloc-affiner li a:hover {text-decoration: none; color: #ffffff; background: #871213;}

#code-promo-rss {margin: 20px 0 0 150px;}
#code-promo-rss li {list-style: none;}

#code-promo-artseul {margin: 20px 0 0 20px;}
#code-promo-artseul li {list-style: none;}


/**************** ARTICLE SEUL*********************/
#page_article_seul{width: 950px; align: middle; margin-left: auto; margin-right: auto; clear: both;}

#bloc_commentaires {float: left; width: 45%}
#bloc_commentaires .title {font:normal 24px 'Trebuchet MS', Tahoma, Verdana; color:#F3520C; margin:5px 0 5px 0;}

#related {width: 100%; float: left;}
#related .title {font:normal 24px 'Trebuchet MS', Tahoma, Verdana; color:#F3520C; margin:5px 0 5px 0;}
#related img{width: 150px; align: right;}
#related ul {display:inline;}
#related ul li {background: #fff url('./images/post_bg.jpg') no-repeat bottom;}

#article_seul {width: 540px; float: left; margin-left: 25%; margin-right: 10px;}
#article_seul .produit img{width: 250px;}


#navigation {width: 100%; clear: both; background: #CCC; height: 20px; border-bottom: 1px solid color:#F3520C; border-top: 1px solid color:#F3520C; text-align: center;}
.alignleft {float: left; width: 50%;}
.alignright {float: right; width: 50%; text-align: right;}

#respond{background: #FFF url('./images/post_bg.jpg') no-repeat bottom; margin: 20px 0 20px 0; padding: 5px 5px 5px 5px;}
#respond h3{font:normal 18px 'Trebuchet MS', Tahoma, Verdana; color:#5A5285; margin-bottom:5px; padding-left: 10px;}


/**************** PAGE PARTENAIRES *********************/
#bloc-partenaire{width: 100%; margin-bottom: 15px; height: 150px;}
#bloc-partenaire-image{float:left; width: 150px; background: url('./images/Z_Fond.png') no-repeat}
#bloc-partenaire-image img {margin: 2px 0 0 10px; width: 120px;}
#bloc-partenaire-description{float: right; width: 450px; font-size: 13px;}
#bloc-partenaire-url{width: 450px; float: right; font-size: 12px; color: #ccc;}


/**************** FOOTER*********************/

#footer {clear: both; width: 100%; font-size: 12px;}
#rss_footer {width: 90%; text-align: right;}
#zone_orange {background:#ff6600 url(images/footer_bg.png) center top repeat-y; width: 100%; height:auto;}
#text {display:block; width: 900px; overflow:hidden; margin:0 auto; color:#FFF; }
#footer .left{float:left;}
#footer .right{float:right;}
#footer a{color:#fff;}
#footer a:hover{text-decoration:underline;}