/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* CSS pour le site Richement Bière ... 213ème version, 15 septembre 2005, CLAP !*/
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* Marqueurs standards HTML */

body {
margin : 0;
padding : 0;
color : #000000;
background : #FFFFFF ;
font-family: Tahoma, Geneva, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
line-height : 1.1em;}

acronym {
border : none;
}

a {
text-decoration : none; }

a:link {
color : #FD1813;
}

a:visited {

}

a:hover {
color : #FD1813;
border-top: 1px #FEB32E solid;
border-bottom: 1px #FEB32E solid;
}


 p {
padding : 0 ;
margin : 0;

color: #000000;
font-family: Tahoma, Geneva, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-align: left;
}

h1 {
padding :1em ;
margin : 0;
color: #000000;
font-family: Tahoma, Geneva, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
font-style: normal;
text-decoration: none;
text-align: left;
}

h2 {
padding :1em ;
margin : 0;
color: #000000;
font-family: Tahoma, Geneva, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
font-style: normal;
text-decoration: none;
text-align: left;
}

h3 {
	padding : 0;
	margin : 0;
	color: #000000;
	font-family: Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
	text-align: center;
	text-indent: 15px;
	line-height: 30px;
	word-spacing: 0.3em;
	letter-spacing: 0.3em;
}

h4 {
	padding : 0;
	margin : 0;
	color: #000000;
	font-family: Tahoma, Geneva, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
	text-align: left;
	text-indent: 15px;
}

h5 {
	padding : 0;
	margin : 0;
	color: #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
	text-align: center;
	background-color: #CCCCCC;
	word-spacing: 2em;
}

h6 {
	padding : 0;
	margin : 0;
	color: #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	text-align: center;

}

.h7 {
	padding : 0;
	margin : 0;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	letter-spacing: 0.5em;
	background-color: #00FF66;
	line-height: 10px;
	text-decoration: blink;
}




/* -------------------------------  Marqueurs de zones de page ---------------*/

#enveloppe {
width : 700px;
min-height: 300px;
margin : 0 auto 0;
padding : 10px;
text-align : left;
position : relative;

}

#entete {

background: url(bandeau.jpg) 0 0 no-repeat;
height : 80px;
width : auto;
}




#entete h2 {
position : absolute; 
color : #666666;
top : 50px;
left : 120px;
text-align: center;
font-family: Tahoma, Geneva, Helvetica, sans-serif;
font-size: x-small;
font-weight: bold;
letter-spacing: 2px;
font-variant: small-caps;
word-spacing: 5px;
}

/* ---------------------zone rouge ---------------------------------*/
#preambule {
min-height : 25px;
background : url(cuveu.jpg) 0 0 no-repeat;
}

#preambule p {
padding: 0 15px 15px 110px;
font-size : medium;
font-style : italic;
color: #b03933;
text-align: left;
font-family: "Times New Roman", serif;
}

#preambule h1 {
padding: 15px 15px 15px 110px;
font-size : large;
font-style : italic;
color: #b03933;
text-align: left;
font-family: "Times New Roman", serif;
font-weight : bold;
}

/* ---------------------zone principale ---------------------------------*/
#corpus {
margin : 0;
padding : 10px;
background: url(fond_contenu.jpg) 0 0 repeat-y;
}

#corpus p {
padding: 10px;
line-height: 18px;
text-align: justify;
}

#corpus ul {list-style-type : square;}
#corpus ul ul {list-style-type : circle;}
#corpus em {color : #cb790B; font-size : small; font-weight : bold;}



#corpus blockquote.droite {
float : right;
width: 25%;
padding : 1em;
margin : 10px;
font-size : small;
font-weight : bold;
color : #FFFFFF;
line-height : 1.3em;
background: #FEB32F;
}

#corpus blockquote.droite.date {
font-size : small;
font-weight : bold;
color : #FF0000;
line-height : 1.3em;
background: #FEB32F;
color: #ff0000;}

#corpus blockquote.gauche {
float : left;
width: 25%;
padding : 1em;
margin : 10px;
font-size : small;
font-weight : bold;
color : #FFFFFF;
line-height : 1.3em;
background: #FEB32F;
}

#corpus blockquote.centre {
	width: 85%;
	padding : 1em;
	margin : 0px;
	color : #cb790B;
	font-size : small;
	font-weight : bold;
	line-height : 1.3em;
	background: #FFFFFF url(C.O.-JENLAIN.jpg) no-repeat 0em 0em;
	text-align: center;


}

#corpus blockquote.tugauche {
float : left;
width: 25%;
padding : 1em;
margin : 10px;
color : #cb790B;
font-size : small;
font-weight : bold;
line-height : 1.3em;
background: #FFFFFF url(tulip.jpg) no-repeat 0em 0em;
}

#corpus blockquote.tudroite {
float : right;
width: 25%;
padding : 1em;
margin : 10px;
color : #cb790B;
font-size : small;
font-weight : bold;
line-height : 1.3em;
background: #FFFFFF url(tulip.jpg) no-repeat 0em 0em;
}

#corpus blockquote.tudroitejl {
float : right;
width: 25%;
padding : 1em;
margin : 10px;
color : #cb790B;
font-size : small;
font-weight : bold;
line-height : 1.3em;
background: #FFFFFF;
}

#corpus blockquote.tudroite1 {
float : right;
width: 45%;
padding : 1em;
margin : 10px;
color : #cb790B;
font-size : small;
font-weight : bold;
line-height : 1.3em;
background: #FFFFFF url(couronneorge.jpg) no-repeat 0em 0em;
}

#corpus img.droite {
float: right;
padding : 1em;
margin : 10px;
}

#corpus img.gauche {
float: left;
padding : 1em;
margin : 10px;
}


/*-------------styles des zones de photos saons précédents---------*/

#corpus img.photos {
float : left;
width: 200px;
margin: 12px;
padding: 0;
border : solid 2px black;
background: white }

#corpus img.photos a:hover {
border : solid 2px white;
}

/*-----------------------------------fin de la page------------------------*/
#pied {
position : relative;
top :0;
margin :0;
padding : 0;
background : url(pied.gif) 0 0 no-repeat;
width: 700px;
height : 30px;
}

#pied h1 {
font-family: Helvetica, sans-serif ;
text-align: center;
color: #ffffff;
font-size: xx-small;
font-weight: bold;
font-style: normal;
padding : 8px 0 0 0 ;
}


/*-----------------------ZONE DES PHOTOS -------------*/