/*
Theme Name: Brobecker
Theme URI: http://www.linearis.fr
Description: Design du site des vins Brobecker
Author: Anne-Gaëlle Chauvey - Maël Poulain
Version: 1
*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,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:100%; font-family:inherit; vertical-align:baseline}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}table,td,th{vertical-align:middle}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}a img{border:none}
/*
*****************************
TYPOGRAPHIE
*****************************
*/
body {background-color: #C0BFB4;font-family: "Lucida Grande", sans-serif;color: #3F3F3F;}
h1{font-family: Times, serif; font-size: 1.5em; color: #DE1E1E; font-weight: bold; padding: .2em 0 .5em;}
h2{font-family: Times, serif; font-size: 1.5em; color: #DE1E1E; font-weight: bold; padding: .2em 0 .5em;}
#content-actus  h1 a {text-decoration: none; color: #DE1E1E;}
#actus-cat a , .date{text-decoration: none; color: #DE1E1E;}
#content p, #content-actus p {margin-bottom: .3em;}
#content ul {list-style-position: inside;}
#nav-vins ul {list-style-type: none; line-height: 1.3em;}
#nav-vins a{color: #3F3F3F; font-size: 12px; white-space: nowrap;}
.post ul {list-style-position: inside;}

.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;
-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;}



/*
****************************
LAYOUT
****************************
*/
#banner{height: 150px; width: 920px; position: relative; margin: 0 auto;}
.home-link {margin-top: 15px;}
#gite{position: absolute; top: 0; right: 0;}

#content{margin:-45px auto 0; width: 920px; position: relative;clear: both;}
#content-actus{margin:0 auto; width: 920px; position: relative;clear: both;}
#page-content{float: left; width: 600px; padding-left: 25px; letter-spacing: -.015em; background: url(img/ombre-liste.jpg) -45px repeat-y;}
#nav-vins{float: left; display: block;  width: 250px; padding-left: 25px; letter-spacing: -.015em; line-height: 1.5em; background: url(img/ombre-liste.jpg) -45px repeat-y;}
#nav-vins h3{color: #DE1E1E; font-weight: bold; font-size: 20px; font-family: "Times", serif; }
#redaction-content{float: left; width: 900px; padding-left: 25px; letter-spacing: -.015em; background: url(img/ombre-liste.jpg) -45px repeat-y;}
.wpcolumn {float: left; width: 430px;}
.wpcolumn-last {padding-left: 30px;}
.wpcolumn-clearfix { clear: both;}

.first {margin-right: 30px;}

#chapo {width: 920px; height: 45px; text-indent: 5000px; margin: 10px auto; background: transparent url(img/chapo.png) center no-repeat; overflow: hidden;}
#actus-posts{float: left; width: 500px; padding-left: 15px; letter-spacing: -.015em; background: url(img/ombre-actus.png) repeat-y;}
#saison{float: left; width: 320px; padding-left: 15px; margin-left: 55px; letter-spacing: -.015em; background: url(img/ombre-saison.png) repeat-y;}
.post {padding: 0 30px 0 15px; margin-top: -15px;}
.post h1 {margin-top: 15px;}
.wp-pagenavi {font-weight: bold;}
.wp-pagenavi a{margin: 0 1em; text-decoration: none; color:#DE1E1E; }
.wp-pagenavi .page{color: #DE1E1E;}
.wp-pagenavi .current{}


#footer {clear: both;  height: 30px; font-size: 10px; background: transparent url(img/ombre-footer.png) center 25px repeat-x;}
#wrapfoot {width: 920px; margin: 0 auto;}
.footer-text {float: left; margin: 50px 0 0 25px;}
#text-3 {width: 380px;}
#text-4 {width: 80px;}
#text-5 {width: 380px; text-align: right;}
#text-5 a{color: #3F3F3F; }
#ref {width: 920px; margin: 0 auto;clear: both; text-align: right;}

/*
****************************
MENU
****************************
*/
#menu {position: absolute; bottom: 0; right: 0; padding-left: 15px; background: transparent url(img/ombre-liste.jpg) -40px center repeat-y;}
#menu ul {list-style-type: none; }
#menu li {display: inline;}
#menu a{display: block; float: left; padding: 10px; font-family: Lucida Grande, sans-serif; border: solid 1px #666; font-size: 14px; text-decoration: none; background: #666; color: #FFF;}
#menu a:hover {background: transparent; color: #666;}
.current_page_item a {background: transparent!important; color: #666!important;}

/*
****************************
SLIDER
****************************
*/
#slider-fond{position: relative; width: 100%; height:217px; background: #666; z-index: 1;}
#slider{position: relative;margin: -217px auto 0; width: 1000px; z-index: 100;}
#previous{width: 40px; height:217px; float: left; background: #666 url(img/previous.png) no-repeat right center; cursor: pointer;}
#next {width: 40px; height:217px; float: left; background: #666 url(img/next.png) no-repeat left center; cursor: pointer;}
div#scrollable {position:relative; overflow:hidden; width: 920px; height:277px; background: #666; float: left;} 
div#scrollable div.items {width:20000em; position:absolute;} 
#masque{position: relative; clear:both; margin: 0 auto; z-index: 100; top:-60px; width: 920px; height: 60px; background: transparent url(img/masque.png) no-repeat; }
#slider-title{font-family: Lucida Grande, sans-serif; font-size: 20px; position: absolute; top: 20px; left: 10px; color: #FFF;}

/*
**************************
VINS
**************************
*/
#vins-content{float: left; display: block; width : 295px; }

#presentation {float: left; padding: 0 25px;  background: url(img/ombre-liste.jpg) -45px repeat-y;}
#presentation h1{font-size: 23px; font-variant: small-caps; font-weight: normal; margin-bottom: 15px; letter-spacing: -.04em; }

#vins-liste {width: 200px; height: 425px; float: left;font-family: "Lucida Grande", sans-serif; font-size: 12px;  line-height: 13px; background: url(img/ombre-liste.jpg) right repeat-y;}
#vins-liste li{list-style-type: none; list-style-position: outside;margin-bottom:10px;}
#vins-liste li a{color: #666; text-decoration: none; padding-left: 25px; background: transparent;display:block;width:145px;}
#vins-liste .current{background:url("img/puce.png") no-repeat scroll 4px top transparent;color:#DE1E1E !important;}

#vins-detail {float: left;font-family: "Lucida Grande", sans-serif;;}
.vins-texte{height: 295px;}
.vins-description  {display: block; float: left; height: 400px; width: 228px; background: #FFF; font-size: 12px;}
.vins-description h2{font-variant: small-caps; font-weight: bold; color: #DE1E1E; padding: 0 15px; font-size: 16px; margin-top: 5px;}
.vins-description p{padding: 0 15px;}
.vins-description  p img, .vins-description .wp-caption{display: none;}
.bouteille{display: block; float: left; width: 195px; height: 190px; background: #666 url(img/ombre-liste.jpg) -35px 0 repeat-y; text-align: center; padding-top: 15px;}
.bouteille img {margin-left: 20px;}
#pdf {clear: left; width: 200px; margin: 0 auto; padding-left: 265px;}
#pdf a{color: white; background: #DE1E1E; padding: 3px; text-decoration: none;}

/* BOUTONS "MODIFIER" */
.edit-link {bottom:-15px;position:relative;}
.post-edit-link {
margin:1px;
color:#FFFFFF;
min-width:80px;
text-align:center;
background:url("../../../wp-admin/images/button-grad-active.png") repeat-x scroll left top #21759B;
color:#EAF2FA;
border-color:#298CBA;
font-weight:bold;
text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3);
-moz-border-radius:11px 11px 11px 11px;
-moz-box-sizing:content-box;
border-style:solid;
border-width:1px;
cursor:pointer;
font-size:13px !important;
line-height:14px;
padding:2px 8px;
text-decoration:none;
}