body {
	background-position:10px 0;
	font:12px/14px "Bitstream Vera sans", "Luxi sans", Tahoma, "Trebuchet Ms", Lucida, Helvetica, Arial, sans-serif;
	color:#756c7e;
	background-attachment:fixed;
	background-image: url(bg.jpg);
	background-repeat: repeat-x;
}

div.float {
	float: left;
	width: 130px;
	padding: 14px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
div.spacer {
	clear: both
}
div.float img {
	margin-left: 5px
}
div.float p {
	font-size: 9px; text-align: center
}

#content3 {
height:529px;
width:278px;
left:385px;
margin-left:-60px;
position:absolute;
top:4px;
}

table {
	border-right: #ddd 1px solid;
	border-top: #ddd 1px solid;
	font-size: 11px;
	border-left: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
}
td {
	font-family:"Trebuchet MS";
	padding: 2px;
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
}

th {
	padding-left: 2px;
	font-family: "Trebuchet MS";
}

.style1 {
	font-size:12px;
	color:#4F7500;
}

.style2 {
color:#696629;
font-weight:700;
}

.style3 {
color:#3a4b61;
}

.style6 {
color:#c35a48;
}

.style8 {
font-size:16px;
}
.style9 {
	color: #BC940A
}
.style10 {
	color: #325897
}
.style11 {color: #696629}
.style12 {
	color: #E78C12
}
.style13 {
	color: #3967AC
}
.style14 {color: #C88456}
.style15 {
	color: #76418D
}
.style16 {
	color: #9F7DB7
}
.style20 {color: #FF0000}
.style21 {color: #003399}
.style22 {color: #91883B; font-size: 14px; }
.Style23 {
	font-size: 12px
}
.style24 {font-size: 10px}

.style25 {font-size: 10px}

.Style27 {font-size: 14px; font-weight: bold; color: #FF0000; }
.Style28 {font-weight: bold}

.rouge {color: #990000}

blockquote {
	padding: 10px 5px 10px 40px;
	border: 1px solid #F0F0F0;
	background: #F0F0F0 url(quote.jpg) no-repeat 5px 5px;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.5em;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #555;
}

#cont hr {
	background-color: #FFFFEC;
	color: #FCE6AA;
	border-top-style: 2;
	border-right-style: 2;
	border-bottom-style: 2;
	border-left-style: 2;
}



.nom-page {
	color: #4375BE;
	left: 0px;
	clip: rect(auto,auto,auto,auto);
	padding-left: 5px;
}

.signature {
font-size:10px;
color:#959335;
}

#content {
background-attachment:fixed;
background-repeat:no-repeat;
background-position:left top;
}

#include {
width:100%;
text-align:center;
}

#content2 {
background:url() no-repeat right bottom;
padding-bottom:220px;
}

a {
color:#C35A11;
}

#men0 {
	left:50%;
	margin-left:-360px;
	width:650px;
	position:absolute;
	top:50px;
}

#decor-g {
	height: 2100px;
	width: 329px;
	position: absolute;
	left: 0px;
	z-index: -10;
	top: 10px;
	background-image: url(week-end.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
}

#decor-chambre {
	height: 2000px;
	width: 329px;
	position: absolute;
	left: 00px;
	z-index: -10;
	top: 10px;
	background-image: url(paysage-provence.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
}

#decor-var {
	height: 2000px;
	width: 329px;
	position: absolute;
	left: 00px;
	z-index: -10;
	top: 10px;
	background-image: url(var.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
}

#decor-vin {
	height: 2000px;
	width: 329px;
	position: absolute;
	left: 00px;
	z-index: -10;
	top: 10px;
	background-image: url(vins-provence.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
}

#decor-weekend {
	height: 2000px;
	width: 329px;
	position: absolute;
	left: 00px;
	z-index: -10;
	top: 10px;
	background-image: url(week-end.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
}

#decor-recette {
	height: 2000px;
	width: 329px;
	position: absolute;
	left: 00px;
	z-index: -10;
	top: 10px;
	background-image: url(recette-cuisine-provence.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
}

#decor-carte {
	height: 2000px;
	width: 329px;
	position: absolute;
	left: 00px;
	z-index: -10;
	top: 10px;
	background-image: url(carte-voeux.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
}

#men-image {
position:relative;
z-index:1;
width:300px;
float:right;
top:0;
}

#men1 {
border:#c35a11 1px solid;
width:500px;
position:fixed;
}

#men2 {
	background:transparent url('fond-transparent2.png') repeat;
	font-size:11px;
	width:140px;
	text-align:right;
	padding:10px;
}
#men2    h1 {
margin-top:0;
font:bold 14px/14px "Bitstream Vera sans", "Luxi sans", Tahoma, "Trebuchet Ms", Lucida, Helvetica, Arial, sans-serif;
}
#men2    h2 {
margin-top:0;
font:bold 17px/17px "Bitstream Vera sans", "Luxi sans", Tahoma, "Trebuchet Ms", Lucida, Helvetica, Arial, sans-serif;
}

#anim {
z-index:140;
left:50%;
margin-left:-191px;
width:542px;
height:31px;
position:relative;
top:75px;
}

#tete {
z-index:120;
left:50%;
padding-bottom:10px;
margin-left:-191px;
width:542px;
position:relative;
top:90px;
}

#tete_cont {
background-color:#fff;
border:3px #765DB9 solid;
padding:10px 20px 1px;
}

.tete_cont_labyrinthe {
background-color:#fff6f1;
padding:2px;
}

#tete_cont h1 {
margin-top:0;
font:bold 22px/18px #455972 "Bitstream Vera sans", "Luxi sans", Tahoma, "Trebuchet Ms", Lucida, Helvetica, Arial, sans-serif;
}

#tete_cont h2 {
margin-top:0;
font:bold 20px/16px #455972 "Bitstream Vera sans", "Luxi sans", Tahoma, "Trebuchet Ms", Lucida, Helvetica, Arial, sans-serif;
}

#tete-motif {
	position:relative;
	z-index:10;
	width:70px;
	margin-left:430px;
	top:-105px;
}

#tete_cont h3 {
font:italic 12px "Bitstream Vera sans", "Luxi sans", Tahoma, "Trebuchet Ms", Lucida, Helvetica, Arial, sans-serif;
}

#tete_cont A {
font:italic 10px "Bitstream Vera sans", "Luxi sans", Tahoma, "Trebuchet Ms", Lucida, Helvetica, Arial, sans-serif;
}

#texte {
z-index:100;
left:50%;
padding-bottom:90px;
margin-left:-191px;
width:542px;
position:relative;
top:-10px;
background-color:transparent;
text-align:justify;
}
#texte a{
text-decoration:underline
}
#texte a:hover{
text-decoration:none
}
.debut {
font:bold 16px #a00 "Bitstream Vera sans", "Luxi sans", Tahoma, "Trebuchet Ms", Lucida, Helvetica, Arial, sans-serif;
}

#cont {
border:#a19e39 2px dashed;
background-color:#fff;
padding:0 20px 20px;
}

#cont h3 {
	font:"Bitstream Vera sans", "Luxi sans", Tahoma, "Trebuchet Ms", Lucida, Helvetica, Arial, sans-serif;
	color:#CC3300;
	font-size:24px;
	text-align:center;
	font-style:normal;
	background-color: #FFFFEA;
}
#continfo {
	background-color: #FEECBE;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#cont .baspage {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;
line-height:normal;
color:#959335;
text-align:right;
}

#cont p .imggauchehaut {
	float:left;
	padding: 2px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;
	border: 1px solid #999999;
}

#cont p .imggauchehaut2 {
	float:left;
	padding: 2px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;
}

#cont p .imgdroite {
	float:right;
	padding: 2px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #999999;
}

#cont p .imgdroite2 {
	float:right;
	padding: 2px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
}

#cont p .legendeimage {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style:normal;
	line-height:11px;
	font-weight:400;
}

#cont .thumb {
position:relative;
width:500px;
height:350px;
top:0;
left:0;
}

#cont .thumb P {
text-align:center;
}

#cont .thumb a {
text-decoration:none;
margin:0;
}

#cont .thumb a:hover {
background-color:#fff;
}

#cont .thumb a .grand {
display:block;
position:absolute;
width:0;
text-decoration:none;
}

#cont .thumb a:hover .grand {
position:absolute;
top:120px;
left:100px;
width:300px;
height:225px;
}
#calendrier1 {
	background-image: url(week-end-chambres-hotes/week-end-2009-calendrier2.jpg);
	background-repeat: no-repeat;
	width: 498px;
	position: relative;
	height: 410px;
	background-position: 0px 0px;
}

#calendrier2 {
	background-image: url(week-end-chambres-hotes/week-end-2010-calendrier1.jpg);
	background-repeat: no-repeat;
	width: 498px;
	position: relative;
	height: 410px;
}

.colonne1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 410px;
	width: 83px;
	text-align: center;
	float: left;
}
.colonne2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 410px;
	width: 83px;
	text-align: center;
	float: left;
}

.infopetitrouge {
font-family:"Bitstream Vera sans", "Luxi sans", Tahoma, "Trebuchet Ms", Lucida, Helvetica, Arial, sans-serif;
font-size:9px;
line-height:10px;
color:red;
}

#cont p .infos {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
text-align:center;
line-height:13px;
color:#f88;
background-color:#ffe1e1;
float:right;
height:auto;
width:100px;
border:2px dashed #ffe6bf;
margin:10px 0 10px 10px;
padding:5px;
}

#content4 {
height:50px;
width:300px;
top:472px;
position:fixe;
font-family:"Trebuchet MS";
font-size:12px;
line-height:14px;
color:#91883B;
text-align:left;
left:10px;
padding-top:440px;
}

#cont p .style4,.style4 {
color:#956f15;
font-weight:700;
}

.style5,#tete_cont h2 .style5 {
color:#6c5a7E;
}

a:link,a:visited {
text-decoration:none;
}

a:hover,a:active {
text-decoration:underline;
}

#nom-page h1 {
	color: #993300;
	left: 0px;
	clip: rect(0,auto,auto,auto);
	padding-left: 5px;
	font-size: 11px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
	position: fixed;
}
.contourp {
	margin: 6px;
	border: 1px solid #999999;
}
