body {
background-image:url(../img/bg.jpg);
background-repeat:repeat-y;
background-position:center top;
text-align:center;
margin:auto;
}

#top {
background-image:url(../img/top.jpg);
background-repeat:no-repeat;
background-position:center bottom;
height:150px;
width:700px;
border-top-width:medium;
border-top-style:solid;
border-color:#E0C72D;
margin:auto;
}

#toptop {
height:50px;
width:700px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:30px;
font-weight:700;
color:#E0C72D;
text-transform:uppercase;
background-position:center;
background-color:#FFF;
margin:auto;
}

#columns {
width:700px;
min-height:500px;
margin:auto;
}

#columns #right {
width:200px;
float:right;
margin:auto;
}

#columns #left {
width:498px;
float:left;
border-right-width:1px;
border-right-style:solid;
border-right-color:#E5C403;
margin:auto;
}

.float_left {
float:left;
text-indent:0;
margin-top:5px;
margin-right:10px;
border:3px solid #E5C403;
margin-left:0;
padding:3px;
}

#columns #right a:link,#columns #right a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:700;
color:#F93;
text-decoration:none;
text-transform:uppercase;
background-color:#FFF;
}

#columns #left a:link,#columns #left a:visited {
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:400;
color:#89582F;
background-color:#FFF;
text-decoration:underline;
}

#columns #right ul {
text-indent:-0.5em;
font-size:0.9em;
text-align:left;
}

#columns #right ul li {
line-height:1.7em;
display:list-item;
list-style-type:square;
color:#E5C403;
background-color:#FFF;
}

#footer {
background-color:#47241E;
height:50px;
width:700px;
bottom:0;
position:inherit;
clear:both;
color:#FFF;
font-size:0.7em;
margin:10px auto auto;
}

#columns #left p {
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:400;
color:#89582F;
padding-right:10px;
padding-left:10px;
text-indent:0;
background-color:#FFF;
}

#columns #right p {
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:400;
color:#89582F;
padding-right:10px;
padding-left:10px;
text-indent:20px;
background-color:#FFF;
}

#footer p {
background-color:#47241E;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:700;
color:#FFF;
text-align:center;
padding-right:5px;
padding-left:5px;
padding-top:10px;
margin-top:10px;
}

.float_right {
float:right;
text-indent:0;
margin-top:5px;
margin-right:0;
border:3px solid #E5C403;
margin-left:10px;
padding:3px;
}

#columns #right a:hover,#columns #right a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:700;
color:#C7630D;
text-decoration:underline;
text-transform:uppercase;
background-color:#FFF;
}

.email {
unicode-bidi:bidi-override;
direction:rtl;
}

#diaporama li {
float:left;
list-style-type:none;
color:#E5C403;
text-align:center;
padding:10px;
}


#tourisme a {
text-align:left;
font-weight:700;
text-decoration:none;
}

#tourisme p{
width:450px;
min-height:150px;
padding-bottom:20px;
background:url(../img/ombre.jpg) no-repeat bottom center;
}

#gazette p{ 
width:450px;
min-height:3em;
padding-bottom:20px;
background:url(../img/ombre.jpg) no-repeat bottom center;
}

#accueil p , #mentions-legales p{
height:360px;
color:blue;
background:url(../img/pile-de-photos.gif) no-repeat;
width:310px;
padding:10px;
}

#columns #left #mentions-legales p a{
	text-decoration:underline;
	text-transform:none;
	
	
}

#plan img {
width:480px;
height:299px;
}

#plan img:hover {
width:700px;
height:435px;
}

#tarifs {
text-align:center;
font-family:Verdana;
font-size:0.8em;
}

#tarifs th {
border:1px solid #FFF;
background-color:#E4cd41;
}

#tarifs td {
border:1px solid #FFF;
}

#tarif-intro {
text-align:left;
padding:10px;
}

#tarif-intro li {
list-style-type:none;
text-align:left;
}

#tarif-intro ul {
display:block;
background:url(../img/pile-de-photos.gif) no-repeat;
width:310px;
min-height:360px;
padding:10px;
}

#contact input {
color:#000;
font-size:11px;
font-family:verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
background-color:#EEE;
}

#contact TEXTAREA {
display:block;
width:99%;
border:1px solid grey;
overflow:auto;
color:#000;
font-size:11px;
font-family:verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
background-color:#EEE;
}

#contact {
color:#E5C403;
}

#contact .txtform {
color:#E5C403;
font-size:12px;
font-family:Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;

}

#contact fieldset {
width:70%;
}

#coordonnees input {
width:18em;
border:solid 1px grey;
vertical-align:middle;
float:right;
}

#reservation INPUT,#reservation SELECT {
color:#000;
font-size:11px;
font-family:verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
background-color:#EEE;
width:50%;
float:right;
border:1px solid grey;
}

#reservation .txtform {
color:#e5c403;
font-size:12px;
font-family:Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-align:right;
}

#reservation ul {
background:url(../img/pile-de-photos.gif) no-repeat;
min-height:300px;
width:290px;
padding:30px;
}

#reservation li {
list-style-type:square;
text-align:left;
}

#reservation fieldset {
width:75%;
border:1px solid #FFCB3F;
}

#reservation legend {
width:25%;
background:#FFCB3F;
color:#fff;
}

#reservation p {
display:block;
width:90%;
text-align:right;
}

#partenaire {
display:block;
width:90%;
height:auto;
}

#partenaire a {
font-weight:700;
}

#partenaire p.titre-partenaire {
display:block;
width:95%;
text-align:center;
float:left;
}

#partenaire p.photo-partenaire {
display:block;
width:25%;
min-height:5em;
float:left;
margin:0;
}

#partenaire img {
border:none;
width:80px;
height:80px;
padding-bottom:15px;
}

#partenaire p.texte-partenaire {
display:block;
width:65%;
float:right;
margin:0;
}

.partner {
border:1px dotted grey;
float:left;
margin-bottom:10px;
padding:2px;
}

#columns #left h1,#columns #right h1 {
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:700;
text-transform:uppercase;
color:#E5C403;
padding-right:10px;
padding-left:10px;
background-color:#FFF;
}

#contact .txterror,#reservation .txterror {
color:#000;
font-size:11px;
font-family:Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;

}
#columns #left #annuaires  {
	text-align:left;
	padding:40px;
}

#columns #left #annuaires a {
	display:block;
	height:17px;
	line-height:17px;
	border:1px dotted lightgrey;
	font-size:12px;
	text-transform:none;
	background: transparent url(../img/annuaires.gif) no-repeat top right;
}


