/*
Theme Name: ChampagneLabbe
Theme URI: http://champagne-labbe.fr
Description: Template pour le site des Champagnes Labbe
Version: 1.0
Author: C.Girard
 
Creation Theme by C.Girard - SARL effi10 || http://www.effi10.com
 
*/



/* Reset de la feuille de style **********/

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,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #000;
	background: white;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* Polices personnalisées (CSS3 ou plus) **********/
@font-face {
	font-family: 'Orator';
	src: url('OratorStd.eot');
	src: local('Orator Std Medium'), local('OratorStd'), url('OratorStd.woff') format('woff'), url('OratorStd.otf') format('opentype'), url('OratorStd.svg#OratorStd') format('svg');
}





/* Styles généraux **********/

body {
	margin: 0;
	background: #fff url(images/fond-papier-clair.jpg) repeat;
	font-family: arial, helvetica;
	font-size: 12px;
	color: #000;
}

p {
	text-align: justify;
	margin: 0 0 12px 0;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

h2 {
	color:#B7B3A7;
	font-family:'orator',arial,helvetica;
	font-size:17px;
	text-transform:uppercase;
}

a, a:visited {
	text-decoration: underline;
	color: #A39F95;
}

a:hover {
	text-decoration: underline;
	color: #D0CBBE;
}

h2 a, h2 a:hover {
	text-decoration: none !important;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

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

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


/* Lien d'édition admin **********/

#post-edit {
	height:20px;
	padding:0 20px 0 0;
	text-align:right;
	width:870px;
}

#post-edit a.post-edit-link {
	font-size: 10px;
}

.postmetadata {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#F7F7F7 none repeat scroll 0 0;
	border:1px solid #E6E6E6;
	color:#AAAAAA;
	font-size:11px;
	margin:5px 0;
	padding:2px 6px;
	text-align:right;
}



/* Styles liés à l'affichage du contenu (en général) **********/

.post {
	font-size:12px;
	line-height:18px;
	padding:30px 20px 20px 300px;
}




/* Définition du layout **********/

#page {
	width: 880px;
	margin: 18px auto 18px;
	display: block;
}

#header {
	margin: 0;
	width: 880px;
	height: 100px;
	display: block;
	position: relative;
}

#content {
	margin: -1px 0 0;
	width: 880px;
	min-height: 350px;
	display: block;
	background: #fff url(images/fond-contenu-champagne-labbe.jpg) no-repeat top left;
}

#content .post blockquote {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	background:#EFEADC none repeat scroll 0 0;
	color:#333;
	font-size:100%;
	padding:13px;
	margin:5px 75px 10px 65px;
}

#content .post blockquote p {
	margin: 0 !important;
}

.fond-accueil {
	background: #fff url(images/fond-accueil-champagne-labbe.jpg) no-repeat top left !important;
	min-height: 540px !important;
	height: 540px !important;
}

.erreur404 {
	-moz-background-clip:border !important;
	-moz-background-inline-policy:continuous !important;
	-moz-background-origin:padding !important;
	background:#FFFFFF url(images/verre-vide.png) no-repeat scroll left top !important;
	clear:both;
	display:block;
	height:380px !important;
	margin:0 50px 150px 330px;
	min-height:380px !important;
	text-indent:-5000px;
	width:424px;
}

.content404 {
	min-height: 380px !important;
	height: 380px !important;
}

.reinitialiser, .clear {
	display: block; 
	clear: both; 
	font-size: 1px; 
	height: 1px; 
	line-height: 0.1;
    overflow:hidden;
}


#footer {
	margin: 0;
	width: 880px;
	height: 42px;
	display: block;
	position: relative;
}


/* Styles pour liste des cuvées **********/

#content .post .liste-cuvees {
	margin-top: 25px;
}

#content .post .liste-cuvees .entry em {
	font-style: italic;
	font-size: 80%;
	color: #bbb;
}

#content .post .liste-cuvees .entry blockquote {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	background:#EFEADC none repeat scroll 0 0;
	color:#666666;
	font-size:100%;
	font-style:italic;
	margin: 0 0 0 115px !important;
	padding:13px;
}

#content .post .liste-cuvees .entry blockquote p {
	margin: 0 !important;
}

.separateur {
	border-color:#FFFFFF #EEEEEE #EEEEEE #FFFFFF;
	border-style:solid;
	border-width:1px;
	clear:both;
	margin:5px 30px 10px;
}



/* Header + menu **********/

ul#menuheader {
	width: 880px;
	height: 100px;
	background: #fff url(images/menu-champagne-labbe.jpg) no-repeat top left;
}

ul#menuheader li {
	float: left;
	list-style: none;
}

ul#menuheader li a {
	position: absolute;
	text-indent: -9999px;
	text-decoration: none;
	border: none !important;
	margin: 0 !important;
	-moz-outline: none;
}


/* Éléments du menu */
ul#menuheader li#menu-accueil a { 
	left: 300px; top: 61px;
	width: 89px; height: 39px;
	background: url("images/menu-champagne-labbe.jpg") -300px -61px no-repeat ;
}
ul#menuheader li#menu-accueil a:hover  			{ background-position: -300px -161px; }
ul#menuheader li#menu-accueil a.active  		{ background-position: -300px -261px; }


ul#menuheader li#menu-histoire a { 
	left: 395px; top: 61px;
	width: 93px; height: 39px;
	background: url("images/menu-champagne-labbe.jpg") -395px -61px no-repeat ;
}
ul#menuheader li#menu-histoire a:hover  		{ background-position: -395px -161px; }
ul#menuheader li#menu-histoire a.active  		{ background-position: -395px -261px; }


ul#menuheader li#menu-cuvees a { 
	left: 494px; top: 61px;
	width: 85px; height: 39px;
	background: url("images/menu-champagne-labbe.jpg") -494px -61px no-repeat ;
}
ul#menuheader li#menu-cuvees a:hover  			{ background-position: -494px -161px; }
ul#menuheader li#menu-cuvees a.active  			{ background-position: -494px -261px; }


ul#menuheader li#menu-actus a { 
	left: 585px; top: 61px;
	width: 102px; height: 39px;
	background: url("images/menu-champagne-labbe.jpg") -585px -61px no-repeat ;
}
ul#menuheader li#menu-actus a:hover  			{ background-position: -585px -161px; }
ul#menuheader li#menu-actus a.active  			{ background-position: -585px -261px; }


ul#menuheader li#menu-visite a { 
	left: 693px; top: 61px;
	width: 79px; height: 39px;
	background: url("images/menu-champagne-labbe.jpg") -693px -61px no-repeat ;
}
ul#menuheader li#menu-visite a:hover  			{ background-position: -693px -161px; }
ul#menuheader li#menu-visite a.active  			{ background-position: -693px -261px; }


ul#menuheader li#menu-contact a { 
	left: 778px; top: 61px;
	width: 83px; height: 39px;
	background: url("images/menu-champagne-labbe.jpg") -778px -61px no-repeat ;
}
ul#menuheader li#menu-contact a:hover  			{ background-position: -778px -161px; }
ul#menuheader li#menu-contact a.active  		{ background-position: -778px -261px; }


/* Footer **********/

ul#liensfooter {
	height: 42px; 
	width: 880px;
	background: #fff url(images/bas-champagne-labbe.jpg) no-repeat top left;
}

ul#liensfooter li {
	float: left;
	list-style: none;
}

ul#liensfooter li a {
	position: absolute;
	text-indent: -9999px;
	text-decoration: none;
	border: none !important;
	margin: 0 !important;
	-moz-outline: none;
}

ul#liensfooter li#effi10 a { 
	left: 168px; top: 11px;
	width: 37px; height: 10px;
}

ul#liensfooter li#mentions a { 
	left: 71px; top: 22px;
	width: 306px; height: 10px;
}