/* General =============================================================== */

/* Font-sizes are relative to allow scaling in IE tutorial found at www.clagnut.com/blog/348/ */
body { 
font:75%  Arial, Helvetica, sans-serif;
color:#333; 
background:white url(http://www.oenologie-fr.com/images/back.jpg) repeat-y top center; /* zeldman.com */
margin:0; 
text-align:center; /* Positions all content in the center of the viewport */
}


p{ 
font-size:1em; /* because of body font-size being 75% acutal font size 0.75em */
line-height:1.4em;
margin:0.7em 0 0.7em 0;
padding:0;
}
a{ 
color:#900;
}
/* a:active added for IE a:focus for Mozilla - added to aid accesibility more than visual appearance */
a:hover,
a:focus,
a:active
{ 
color:white;
border:0;
text-decoration:none;
}
/* Show dotted a:link style only in decent browsers (not IE) - taken from http://www.shauninman.com/mute/project/this_is_cereal.php */
div[id="container"] a,
div[id="container"] a:visited{
text-decoration:none;
border-bottom:1px dotted #900;
}



/* Becuase IE6 doesn't do it by default - IE5 doens't do it at all */
acronym{
border-bottom:1px dotted #333;
cursor:help;
}
acronym:hover{
border-top:1px dotted #333;
border-bottom:0;
}
#lresources acronym{
border:0;
}

/* Content =============================================================== */


/* Center the site and return the contents to the left hand side */
#container { 
width:800px;
text-align:left;
padding:0;  
margin:0 auto; 
}

/* position content to the right hand side */
#intro,
#preamble,
#supportingText,
#quickSummary{
/* width when added with linkList width is 17px short of total site width creating a natural margin in the center */
width:550px;
float:right;
clear:right;
margin:0px 0 0 0;
}

/* Replace the whole intro section with a graphic */
#intro #pageHeader {
width:566px;
height:230px;
background:white url(http://www.oenologie-fr.com/images/intro.jpg) no-repeat top left;
text-indent:-10000px;
float:right;
margin:10px 0 0 0;
padding:0;
}
/* Replace p1 quickSummary with a graphic */

/* Hide headings from visual display (still visible to screen readers) and replace with images - first read about this at hicksdesign.co.uk */




/* Navigation ============================================================= */

#linkList{
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0 0 0 0;
padding:9px 0 0 0;
width:208px;
text-align:right;
float:left;
/* Only IE5 MAC needs the left float \*/
float:none;
}
/* Because the linkList is not floated (except for IE5 MAC), this casued problems with usual image replacement methods, so... */ 

#lselect,
#lfavorites,
#larchives,
#lresources
{
/* Something shaky going on in IE6 with the background images, border-left stops it shaking */
border-left:1px solid white;
padding:7px 0 0 0;
margin:0 0 40px 0;
}

#linkList ul{
margin:0;
padding:0;
list-style:none;
}
#linkList li{
font-size:0.8em;
display:block;
margin-bottom: 2px;
padding: 0 0 0px 0;
border-bottom:1px solid #F9F7F6;
}

/* Link Styles */
#linkList li a{ 
     height: 15px;
	 padding:2px 2px 2px 5px;
	 margin-bottom:2px;
     display: block;
     text-align: right;
	 width:200px;
     border: 1px solid #F1F1F1;
     text-decoration: none;
color:#990000;
font-weight:bold;
}

#linkList li a:hover,
#linkList li a:focus,
#linkList li a:active{
	 border-right:4px solid #990000;

color:gray;
text-decoration:none;
font-weight:bold;

}
	
#larchives  li,
#lresources li{
border:0;
}

#lresources li a,
#larchives  li a{
	 padding:2px 2px 2px 8px;
border:1px solid #F1F1F1;
border-right:4px solid #F1F1F1;
text-decoration:none;
background:white;
}
/* Bienvenue dans la feuille de style en cascade du'un des plus beau thème d'Uncommonmanfrommars  (c'est moi)qui vous le dit :-D).
 * Dans l'ordre, voici les règles qui définissent l'apparence pour :
 * - les éléments HTML en général
 * - la page
 * - l'entête
 * - le prélude
 * - la barre de navigation horizontale (si existante, sinon, cell-ci sera invisible /// pour bénéficier de cette dernière, suivez le guide : http://petit.dotclear.net/pages/2005/03/01/51-une-barre-de-navigation-horizontale)
 * - le contenu
 * - la barre de navigation
 * - le pied de page
 *
 * L'agengement des blocs est défini dans le fichier layout.css (Merci mauriz')
 */

@import "http://www.oenologie-fr.com/themes/@theme/layout.css";
 
/* Les éléments HTML en général
*******************************************************************************/

pre, code{
	font-size: 1.2em;
}

pre{
 	width: 100%;
	overflow: auto;
	background:transparent;
}

a{
	color: #990000;
	text-decoration: underline;
}

a:visited{
	color: #990000;
}

a:hover{
	color: #F5F5F5;
	text-decoration: none;
}

a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color : #990000;
	font-size: 0.7em;
	font-style: italic;
	vertical-align: top; /* Ne pas toucher à ceci */
}


fieldset{
	color: #990000;
	border: none;
	background: transparent;
}

.smiley{
	border:none;
}

img:smiley{
	border: none; /* Car un grosse bordure orange autour d'un smiley définissant un lien, c'est moche*/
}

label{
	cursor: pointer;
	cursor: hand;
}

.field label{
	display: block;
	color: #A0A0A0;
	background: transparent;
}

input{
	border-bottom: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	border-left: 1px solid #A0A0A0;
	border-top: 1px solid #A0A0A0;
	color: #A0A0A0;
	/* background: transparent; */
}

textarea{
	width: 100%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	border-left: 1px solid #A0A0A0;
	border-top: 1px solid #A0A0A0;
	color: #A0A0A0;
	/* background: transparent; */
}

input[type=submit], input[type=reset] {
	background-color : #fff;
	border-left: 1px solid #E1E1E1;
	border-top: 1px solid #E1E1E1;
	border-right: 1px solid #A0A0A0;
	border-bottom: 1px solid #A0A0A0;
}

input[type=submit]:active, input[type=reset]:active  {
	border-bottom: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	border-left: 1px solid #A0A0A0;
	border-top: 1px solid #A0A0A0;
}


a img{
	border: 0;
}

.left{
	float: left;
	margin-right: 1em;
}

.right{
	float: right;
	margin-left: 1em;
}

/* La page
*******************************************************************************/
#page{
margin-top:10px;
	color: inherit;
	background-color: transparent;
	background-repeat: repeat-y;
	background-position: center top;
}
 
/* L'entête
*******************************************************************************/
#top{
 	background: transparent url(img/top.png) no-repeat center top;
}

	
	
/* Le prélude
*******************************************************************************/ 
#prelude{
	/* display:none; */
}

#main{
	margin-top: 20px;
}

/* La barre de navigation horizontale
****************************************************************************** */
 #nav-box {
      margin-top : 17px;
      margin-right : 40px;
      padding-top : 0px;
      font-weight : bold;
      font-size : 0.9em;
      text-align: right;
 }

 #nav-box ul {
      margin : 0;
      padding : 5px 1em 5px 0;
      list-style-type : none;
 }

 #nav-box ul li {
      display: inline;
 }

 #nav-box ul li a {
      color: #4b4b69;
      text-decoration: none;
      padding : 5px 1em 5px 1em;
      border-left: 1px solid #fff;
 }

 #nav-box ul li a:hover {
      color: #FFFFFF;
      border-left: 1px solid #fff;
 }

 #nav-box a:active {
      border-left: 1px solid #fff;
 }

/* nav classique */
ul#nav-box {
	margin : -33px 0 1.5em 45px;
	width: 600px;
	float: center;
	padding : 5px 1em 5px 0;
	list-style-type : none;
	background-color: transparent;
	color: #FFF;
	font-weight : bold;
	font-size : 0.9em;
	text-align: left;
	opacity: .85; /* Whaaaaaa... */
    filter: alpha(opacity=85); /* Ceci gère l'effet de transparence sur l'header pour la barre de navigation horizontale... C'est beau non? */
}
ul#nav-box li {
	display: inline;
	padding : 5px 0;
}
ul#nav-box li a {
	padding : 5px 1em 5px 1em;
	color: #538B9A;
	text-decoration: none;
	background-color: #fff;
}
ul#nav-box li a:hover {
	color: #fff;
}

/* Le contenu
*******************************************************************************/

.day-date{
	display:none;
}

.post-title{
	color: #990000;
	margin-bottom: 0;
	font-size: 1.3em;

}
h2{
	color: #990000;
	margin-bottom: 0;
	font-size: 1.3em;

}

	.post-title a{
		color: #990000;
		background: transparent;
		text-decoration: none;
	}
	
.post-info{
	margin-top: 0;
	color: #A0A0A0;
	background: transparent;
	padding-bottom: 1ex;
	font-size: 0.8em;
	border-bottom: 1px solid #eaeaea;
}
	
.post-content{
	text-align: justify;
}

.post-content a{
	color: #538B9A;
	text-decoration: none;
}

.post-content a:hover{
	color: #A0A0A0;
	text-decoration: underline;
}

.post-content blockquote{
	font-family: Georgia, serif;
	border-left: 5px solid #A0A0A0;
	padding-left: 5px;
}

.post-info-co{
	text-align: right;
	color: #538B9A;
	font-size: 0.8em;
}


#trackbacks, #trackbacks blockquote, #comments, #comments blockquote{
	margin-left: 20px;
	margin-right: 150px;
	padding-left: 20px;
	padding-right: 20px;
	border: 1px solid #A0A0A0;
	background-color:#F8F8F8;
}

/* La barre de navigation
*******************************************************************************/

#sidebar{
	margin-top: 0px;
}

#sidebar div{
	color: inherit;
}

	#sidebar div ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}

#sidebar li{
	color: #C50500;
	border-bottom: #A0A0A0;
	text-decoration: none;
	padding-left: 5px;
	list-style-position: inside;
}
#sidebar li:hover{
	color: #538B9A;
}
#sidebar h2, #sidebar h3{
	color: #C50500;
	margin: 0 0 1ex 0;
	font-size: 1.5em;
	padding-bottom: 5px;
	border-bottom: 1px solid #eaeaea;
}

#sidebar h3{
	font-size: 1em;
	margin: 0;
}

#sidebar div#search{
	background: transparent;
	color: inherit;
	line-height: 2.3em;
}
	
	#search fieldset, #search p{
		margin: 0;
		padding: 0;
	}
	

	#sidebar div#calendar table{
		font-size: 0.8em;
		text-align: center;
		margin: 0 auto;
		border-collapse: collapse;
	}
	
	#sidebar div#calendar table caption{
		margin: 0 auto;
	}
	
	#sidebar div#calendar table th{
		color: #A0A0A0;
		background: transparent;
	}
	
	#sidebar div#calendar table td{
		width: 14%;
		line-height: 2em;
		border: 1px solid #f0f0f0;
	}
	
	#sidebar div#calendar table td a{
		display: block;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
	
	#sidebar div#calendar table td a:hover{
		background: #fff;
		color: #538B9A;
	}

/* Le pied de page
*******************************************************************************/	
#footer{
	margin: 0;
	padding: 1em;
	padding-left: 2em;
	height: 27px;
	color: #696969;
	text-align: left;
}

#footer a{
	color: #696969;
}