@import url('https://fonts.googleapis.com/css?family=Dancing+Script:700|Spinnaker|Sacramento|Open+Sans'); 

body {
	margin : 0;
	font-family : 'Open Sans', sans-serif;
	font-size : 15px;
}
a:link {
	color: black;
}
a:visited {
	color:grey;
}
iframe {
	width : 80vw;
}
.page {
	background-color : white;

}
.blocDroite {
	float : right;
	margin-top: 1em;
	margin-bottom : 1em;
	margin-left: 2em;
}
.blocGauche {
	float : left;
	margin-top: 1em;
	margin-bottom : 1em;
	margin-right: 2em;
}
#nomSite {
	
	background-image : url('../images/frises.png');
	background-repeat : no-repeat;
	background-position-y: 29px;
	background-position-x: 37px;

	margin-left: 130px;
	padding-top: 7vh;

	text-align: left;
	padding-left: 10px;
}
.agriculteur {
	font-size : 2em;
	text-shadow: 4px 2px black;
	padding-left: 39px;
}
.metier {
	font-size : 1em;
	text-shadow: 1px 1px black;
	margin-top  : 12px;
}

.page > header {
	background-origin: border-box;
	background-image : url('../images/enTete_VialBernard.jpg');
	background-repeat : no-repeat;
	
	height : 199px;
	font-family: 'Dancing Script', cursive;
	font-size : 2em;
	color : #CC9F04;
	text-align : center;
	text-shadow: 1px 1px black;

	margin : 0;
	overflow-y: hidden;
}
.page header a {
	color : #CC9F04;
	font-synthesis: style;
	text-decoration : none;
}
.page header h1 {
	position: relative;
	left: 65px;

	font-size: 60px;
	text-shadow: black 3px 2px;
}
.page header h2 {
	font-size: 35px;
	text-shadow: black 1px 1px;
	position: relative;
	bottom: 26px;
}
.accueilPhotographique {
	background-image : url('../images/accueil.jpg');
	background-repeat : no-repeat;
	min-height : 145px;
}

.bandeauNavigation {
	background-image : url('../images/toile-menu.jpg');
	background-position-y: center;

	margin : 0;
	text-align : center;

}
.bandeauNavigation > ul {
	margin : 0;
	padding : 0;
}
.bandeauNavigation li {
	display: inline-block;
	font-family: 'Spinnaker',sans-serif;
	font-size: 15px;
	font-variant-caps: petite-caps;
	color: #8B0000;
	font-weight: bolder;
	padding: 8px 4px;
}
.bandeauNavigation a {
	color : inherited;
	text-align : center;
	text-decoration : none;
}
.bandeauNavigation a:link {
	color: #8B0000;
}
.bandeauNavigation a:visited {
	color: #8B0000;
}
.bandeauNavigation a:hover {
	color: #4A664B;
}
.bandeauNavigation a:active {
	color: black;
}
.separateur {
	background-image: url('../images/ligne_bas.jpg');
	background-repeat: no-repeat;
	min-height: 5px;
}
.separateur_haut {
	background-image: url('../images/ligne_haut.jpg');
	background-repeat: no-repeat;
	min-height: 5px;
}
.page header {
	text-align : center
}

blockquote, q {
	font-family : 'Dancing Script', cursive;
	font-size : 1.5em;
	text-align : left;
	line-height : 1.2em;
	
}
blockquote {
	margin-left : 8em;
	margin-right : 7em;
}
q {
	margin-left : 1em;
	margin-right : 1em;
}
blockquote > footer {
	text-align : right;
}
cite {
	font-size : 0.7em;
}

.rubrique {
	height : 34px;
	background-image : url('../images/toile_de_jute.jpg');
	font-family: 'Spinnaker',sans-serif;
	font-size: 22px;
	font-variant-caps: petite-caps;
	color: #8B0000;
	font-weight: bolder;
	text-align : center;
	padding : 0.5em;
}

.contenu {
	text-align: justify;
	margin-top: 0.5em;
	margin-bottom : 0.5em;
	padding-left: 1em;
	padding-right: 1em;
}
.vignette {
	width : 250px;
}
.centre {
	text-align : center;
}
.page {
	max-width : 1024px;
	margin-left : auto;
	margin-right : auto;
	margin-top : 0;
	margin-bottom : 0;
}
.adresse {
	font-family : 'Open Sans', sans-serif;
	font-size: smaller;
	line-height: 21px;
	font-style: italic;
	text-align: left;
	border-left: 1px solid #aaa;
	margin-left : 1em;
	padding-left: 1em;
}
#informations-vial-tanneron {
	font-size : small;
	text-align : center;
	width : 100%;
}	
.mentions {
	font-size : smaller;
}
#informations-vial-tanneron a:link {
	color: black;
	text-decoration-line: none;
}
#informations-vial-tanneron a:visited {
	color: black;
	text-decoration-line: none;
}
.sansMargeBas {
	margin-bottom : 0;
}


	
}