@charset "utf-8";
/*   
Theme Name: spido_sjc
Theme URI: http://saint-jacques-calon.com
Description: Le theme saint jacques calon, les plus grands vins du monde   
Author: Spido le boulanger melo
Author URI: http://www.spidodesign.com
Template:
Version: beta
License: This is the exclusive propriety of Fredric Maule (propierte Saint jacques calon)
*/

/*-------------- RESET FILES --------------*/

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, font, img, ins, kbd, q, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 12px;
font-family: inherit;
vertical-align: baseline;
-webkit-text-size-adjust: none;
}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}


/*------------- DEFAUT WORDPRESS CLASS -------------*/

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/*------------- DEFAUT SPIDO -------------*/

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.hidden{ visibility:hidden;}

/*------------- DEFAUT BODY -------------*/

body{ font-family:Verdana, Arial, Helvetica, sans-serif;padding:0;margin:0; }
h2{font-size:20px;font-weight:bold;padding:5px 0;}
h2 a{color:#333;text-decoration:none;}
h2 a:hover{color:#D0A825;text-decoration:none;}
small{font-size:10px; color:#999;}
a{color:#D0A825;text-decoration:none;}
a:hover{text-decoration:underline;}

/*---------- HEADER ------------*/

#header{background-color:#a7b0ad;height:95px;}
#header a{border:none;}
#header h1{ float:left;}
#newsletter_header{ float:right; background-color:#333333; padding:5px 15px 7px 15px; margin-right:10px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft:8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius:8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
#langue{ display:none; float:right; color:#fff; padding-top:5px; padding-left:10px; width:163px; height:22px; background: #333 url('images/langue_bg.jpg') no-repeat top;}
#top_language_list li{ display:inline-block; font-size:11px; float:left; padding-left:2px; padding-right:10px;}
#top_language_list li a{font-size:11px;}
#top_language_list li img{ vertical-align:middle; margin-right:5px;}
#sidebar li.no_bg{ background:none;}

/*---------- MENU ------------*/
#menu{height:23px;width:100%;background:#333 url('images/menu_bg.jpg') repeat-y; clear:both;}
#menu ul {width:960px;margin: 0px auto 0px auto;}
#menu li {float:left;background-color:#333;padding:0px;}
#menu li a{font-size:12px;height:12px;vertical-align:-2px;color:#fff;text-decoration:none;display:inline-block;padding:0px 15px 0px 15px;border-right:1px #4d4c4c solid;border-left:1px #000 solid;}
#menu li a:hover{color:#999;}
li#bt_commander{ position:relative;}
li#bt_commander a{display:block;position:absolute;font-size:12px;height:23px;padding:3px 0 0 15px;width:96px;border:none;background:transparent url('images/button_commander.gif') no-repeat top;}
#menu li:first-child a{	border-left:none;}
.children{ display:none;} /*hide submenu*/

/*---------- article style ------------*/
.article_text p{ margin:8px 0;}
.article_text strong, .article_text b{ font-weight:bold;}
.article_text i{ font-style:italic;}
.artcile_text p em{ font-style:italic;}
.article_text a{ color:#0084c9;}
.article_text a:hover{ color:#3BB3EF; text-decoration:underline;}
.article_text ul, .article_text ol{ margin-left:30px;}
.article_text ul li, .article_text ol li{ padding: 3px 0;}
.article_text ul li{ list-style-image:url('images/item_last_news.gif'); list-style-position:outside;}
.article_text ol li{ list-style-type:decimal; list-style-position:outside;}

.article_text h1{font-weight:bold; color:#6c0300; font-size:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom: 1px #6c0300 solid;}
.article_text h2{font-weight:bold; color:#6c0300; font-size:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom: 1px #6c0300 solid;}
.article_text h3{font-weight:bold; color:#000; font-size:14px; font-family:Arial, Helvetica, sans-serif; border-bottom: 1px #666 dotted;}
.article_text h4{font-weight:bold; color:#000; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.article_text h5{font-weight:bold; color:#000; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.article_text h6{font-weight:bold; color:#000; font-size:8px; font-family:Arial, Helvetica, sans-serif;}


/*---------- CONTENT ------------*/
#content .wp-tag-cloud { padding:10px 0;}
#content .wp-tag-cloud li{ float:left; border-left:1px solid #666; padding:0 6px;}
#content .wp-tag-cloud li:first-child{ border-left:none;}


#home p{padding:10px 0;}
#content{
float:left;
width:550px;
border:25px #cfd4d3 solid;
background-color:#eceeed;
}
#page #content{
float:left;
width:540px;
border:25px #cfd4d3 solid;
background-color:#eceeed;
}
#page.page_contact #content{ width:510px;}
.article, .the_post, .the_page{
color:#333;
padding:10px;
margin:0;
}
.postmetadata{
display:block;
clear:both;
}
.pagetitle{
margin:10px;
}
#global_bg{background-color:#fff;}
.main_content{
	background:#fff url('images/shadow_bg.jpg') no-repeat center top;
}
#home.main_content{
	background:#fff url('images/shadow_bg_index.jpg') no-repeat center top;
}
.page_warp{
width:980px;
margin:auto;
background-color:#a7b0ad;}

#home .page_warp{
width:980px;
margin:auto;
background-color:#a7b0ad;
}
#content_and_sidebar{padding:15px 10px; background-color:#a7b0ad; float:left;}
#home #content_and_sidebar{ width:940px; padding:15px 20px; height:250px; float:none}
#page #content_and_sidebar{ width:960px;}
#last_news ul{ margin-left:15px;}
#last_news ul li{ padding: 3px 0;}
#last_news ul li a{color:#333;}
#last_news ul li a:hover{ text-decoration:none;}
#last_news ul li:hover{ background-color:#dde0df;}

#last_news ul li{ list-style-image:url('images/item_last_news.gif'); list-style-position:ouside;}


#home #slogan{
height:350px;
background:#fff url('images/slogan_index.jpg') no-repeat bottom;
}
#index_bouton_slogan{ padding-top:206px; padding-left:20px;}
#index_bouton_slogan a{ display:inline-block; margin-left:20px}

#home #content{ width:920px; padding:10px; border:solid 1px #CCC; background-color:#CFD3D2; float:left;}
.box_home {
float:left;
width:285px;
margin:0 10px;
}
.box_sidebar{ width:320px; border-bottom:1px solid #6c0300; float:left; padding-bottom:2px; margin-bottom:8px;}
.box_sidebar h3{ float:left; font-weight:bold; color:#6c0300; font-size:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}


.box_home_header{ width:285px; border-bottom:1px solid #6c0300; float:left; padding-bottom:2px; margin-bottom:8px;}
.box_home_header h3{ float:left; font-weight:bold; color:#6c0300; font-size:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.plus_info a{ color:#333;font-weight:normal; font-size:11px; font-weight:bold; float:right; padding-top:5px;}
.plus_info a:hover{ text-decoration:none; color:#999;}
.plus_info img{ vertical-align:middle;}

.more-link {display:block; font-weight:bold; margin-right:10px; margin-top:8px; text-align:right;}

#slogan_nos_vins{height:265px; background:#fff url('images/slogan_nos_vins.jpg') no-repeat bottom;}
#slogan_news{height:265px; background:#fff url('images/slogan_news.jpg') no-repeat bottom;}
#slogan_book{height:265px; background:#fff url('images/slogan_book.jpg') no-repeat bottom;}
#slogan_contact{height:265px; background:#fff url('images/slogan_contact.jpg') no-repeat bottom;}
#slogan_vignoble{height:265px; background:#fff url('images/slogan_vignoble.jpg') no-repeat bottom;}
#slogan_trouver{height:265px; background:#fff url('images/slogan_trouver.jpg') no-repeat bottom;}


#slideshow{ float:left;}
.slides{ width:220px; height:200px; padding:0 10px;}
.slides img{ float:right; width:68px; height:167px}
.slides a{ color:#000; font-weight:bold;}
.slides a:hover{ color:#999; text-decoration:none;}
.slide_nav{ width:20px; height:200px; background-color:#099; float:left; cursor:pointer; }
#prev{ background: transparent url('images/fleche_gauche.jpg') no-repeat 0 60px}
#next{ background: transparent url('images/fleche_droite.jpg') no-repeat 0 60px}
.voir_plus{ display:block; text-align:right; padding:0;}
.voir_plus a{ color:#6C0300;}
.voir_plus a:hover{ color:#6C0300; text-decoration:underline; }

/*catergary_book*/
.etagere_solo{ float:left; margin-top:10px; width:200px; height:222px; background: transparent url('images/etagere_solo.jpg') no-repeat bottom;}
.etagere_solo img{ margin-left:42px; margin-top:0px; width:115px; height:177px;}
.etagere_solo p{ margin-top:10px;}

#category h2 a{font-weight:bold; color:#6c0300; font-size:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#category h2 a:hover{ text-decoration:none; color:#D0A825;}

.meta_info{ color:#999999;
font-size:10px;}

.nav_date_book{ 
background-color:#F8F8F8;
margin:15px 10px 0 10px;
padding:3px;
text-align:center;}
.nav_date_book li{ display:inline-block; border-right:1px solid #333; padding:0 6px;}

/* category_nos_vins */
.container_bt_fiche_commander{ text-align:center; margin-top:20px;}


/*page vignoble*/
#content.histoire_vignoble{ padding:15px; width:460px}
#content.histoire_vignoble p{ text-align:justify; margin-bottom:15px;}
#content.histoire_vignoble img{ margin-left:15px;}
.gallery_vignoble{ clear:both; background-color:#cfd4d3; margin-top:20px; padding: 0 20px; float:left; width:500px;}
.gallery_vignoble .attachment-thumbnail{ width:105px; height:105px; }
.gallery_vignoble h2{ margin-bottom:3px; margin-top:6px;}

#sidebar_vignoble{ width:400px; padding:0; margin-left:20px; float:right;}

#caracteristiques { background-color:#cfd4d3; padding:15px;}
#caracteristiques img{ border:1px solid #000;}
#caracteristiques table{ background-color:#eceeed; margin-top:15px; padding:10px; width:365px;}
#caracteristiques table th{ font-weight:bold; width:160px; padding-bottom:3px;}
#caracteristiques table .point{ width:10px; }

#cepages{ background-color:#cfd4d3; padding:15px; padding-top:0;}
#cepages h2{ margin:0; margin-top:20px; padding-top:5px;}
#cepages h4{ font-weight:bold; margin-top:5px; margin-bottom:2px;}
.cepage_desc { padding-right:140px; border-top:1px solid #999; height:145px;}
.cepage_desc p{ text-align:justify;}
#merlot{ background:transparent url('images/cepage_merlot.jpg') no-repeat right top;}
#cabernet_f{ background:transparent url('images/cepage_cs.jpg') no-repeat right top;}
#cabernet_s{ background:transparent url('images/cepage_cf.jpg') no-repeat right top;}


/*page commander*/
#telecharger{ padding-top:20px; padding-bottom:20px;}

/*page newsletter*/
#rss_mail { margin-bottom:40px;}
#rss_mail p{ clear:both;}
#rss_mail form {
background-color:#E88961;
margin:10px 0;
text-align:center;
}
#rssmail_champs { 
border:1px solid #333333;
color:#999999;
font-size:12px;
font-style:italic;
height:19px;
margin:10px 0;
padding:2px 5px;
width:210px;
}
#rssmail_bt{ background-color:#272624; color:#fff; border:#000 solid 1px; padding: 3px 4px; cursor:pointer;}
#rssmail_bt:hover{ background-color:#666;}

/*---------- SIDEBAR ------------*/
#contact_sidebar{ float:right; padding:0 15px; width:300px; height:430px; background-color:#ECEEED; border:25px solid #CFD4D3;}
#sidebar a:hover{
color:#ccc;
text-decoration:none;
}
#sidebar{
width:340px;
padding:0;
margin-left:20px;
float:right;
}
#sidebar li{
background-color:#cfd4d3;
margin-bottom:15px;
padding:2px 10px 8px 10px;
}
#sidebar .plus_info a:hover{color:#d0a825; }
#etagere{ padding-top:3px; padding-left:20px; width:265px; height:160px; background:#CFD3D2 url('images/etagere.jpg') no-repeat top;}
#etagere li{ list-style:none; float:left; padding:0; margin:0; margin-right:7px}
#etagere li a{ float:left;}
#etagere img { width:76px; height:118px}
#book_sidebar #etagere {margin-left:17px;}

#nos_salons li, #nos_medailles li{ padding:0; margin:0;}
#nos_salons li a, #nos_medailles li a{ display:block; background: transparent url("images/item_last_news.gif") no-repeat 2px 7px; padding:2px 2px 2px 10px; color:#000; font-weight:bold;}
#nos_salons li a:hover, #nos_medailles li a:hover{color:#333; background-color:#dfe3e2;}
#nos_salons li p, #nos_medailles li p{ padding-left:10px; font-size:10px; color:#666;}

#s{
width:100px;
}
h2{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#6c0300; font-size:16px; padding:0; margin:0; margin-bottom:10px; border-bottom: 1px #6c0300 solid;}

#why img{ border:3px solid #000; margin-left:8px;}
#why p{ margin-top:10px; text-align:justify;}

a.link_image_bottle img{ padding:20px 30px;}
a.link_image_liens img{ padding:0 10px 10px 0;}

#liens_amicaux{ float:left; padding-bottom:0;}
#liens_amicaux ul{ clear:both; text-align:center; margin-left:0px; padding-top:5px;}
#liens_amicaux li{ float:left; padding:0 2px; margin:0; font-size:10px;}
#liens_amicaux li a{ display:block;}
#liens_amicaux li img{ border:1px solid #666; }
/*---------- PAGINATION------------*/

.navigation{ clear:both; width:250px; margin:15px auto;}


/*---------- CONTACT -------------*/

#contact{ width:470px; height:430px; padding:0px 20px; background: transparent url('images/contact_bg.jpg') no-repeat top right;}
#text_alert_contact{ float:left;}
#contact h2{ margin-bottom:10px;}
#contact_form { font-family: Verdana; font-size: 12px;}
#contact fieldset{ width:520px; margin:auto; padding-top:25px;}
#contact input, #contact textarea {	border: 1px solid #999; width:170px; padding-left:4px; }
#contact textarea {width:330px; font-family: Verdana; font-size: 12px;}
#contact label { width: 10em; float: left; text-align:right; margin-right:15px; }
#contact label.error {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	height:21px;
	float: none; 
	color: #fff;
	text-align:left;
	padding: 3px 10px 0 35px; /*padding: 7px 10px 0 35px;*/
	margin-left:3px; 
	position:absolute; 
	min-width:125px;
	width:auto; 
	background: #373737 url(images/caution-bubble.jpg) no-repeat left top;
	}
#contact input.error, #contact textarea.error { border: 1px solid #FF5353; background-color:#F3F2DF; }
#contact p { clear: both; padding:0; margin-bottom:10px;}
#contact .submit { cursor:pointer; margin-left:85px; text-align:left; width:155px; height:28px; border:none; background:transparent url('images/bouton_envoyer.gif') no-repeat top left;}


#googlemaps iframe{ border:solid 1px #000; margin-top:10px;}

.bt_google {padding-left:20px; padding-top:6px; font-size:10px; height:20px; display:inline-block;}
a.bt_google { color:#3951A7; }
#google_m {background:transparent url('images/contact_icon_gm.jpg') no-repeat left;}
#google_e {background:transparent url('images/contact_icon_ge.jpg') no-repeat left;}

#coordonnees{ margin:10px 0;}
#coordonnees p{padding:2px 0;}
#coordonnees span{ display:inline-block; width:60px;}

/*---------- FOOTER ------------*/
#footer_moulin{
	background:#a7b0ad url('images/footer_moulin_bg.jpg') no-repeat left bottom ;
	height:100px;
	width:980px;
	margin:0 auto;
	clear:both;
}

#footer{
background-color:#333;
font-size:11px;
color:#fff;
padding:25px 20px 0px 20px;
text-align:center;
background:#fff url('images/footer_bg.jpg') repeat-x left top ;
height:100px;
}

/*---------ERROR 404------------*/

#error_404{
text-align:center;
}
#error_404 h1{
font-size:50px;
}
#error_404 #content_and_sidebar {
background-color:#A7B0AD;
height:300px;
margin:auto;
padding:15px 10px;
width:960px;
float:none;
}

#error_404 #content {
background-color:#F4F2EA;
float:none;
margin:20px 15px 15px;
width:880px;
padding:20px 0;
}