html>body #container {
height: auto;
min-height: 5em;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #006;
font-size: 0.8em;
margin: 0;
padding: 0;
background-image: url(../img/fond.jpg);
background-position:50% 200px;
background-repeat:no-repeat;
background-attachment:fixed;
background-color: #FFD8A7;

/*background-color: #FFCC99;
background-color: #FFCC66;*/
/*background: url(../img/fond.jpg) #FFD8A7 no-repeat fixed center;
background-color: #6BA0D2;*/
/* haut, droite, bas, gauche*/
/*scrollbar-face-color: #FFCC99; 
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #000000; 
scrollbar-darkshadow-color: #000000; 
scrollbar-track-color: #FFD8A7; 
scrollbar-arrow-color: #FFFFFF;*/
}
Body.loc {
background: url(../img/fond.jpg) #FFD8A7 no-repeat fixed center;
margin-left: 3%; 
margin-right: 3%;
text-align: justify;
} 
form
{
margin: 0;
padding: 0;
}
p {margin: 0 0 10px 0;
text-align: justify;

}
p.centrer {
text-align: center;
}
p.centrers {
text-align: center;
font-weight: bold;
}
p.centrerrouge {
text-align: center;
color: #c00;
}
p.centreri {

font-size: 90%;
text-align: center;
font-style: italic;
}
p.centreri:first-letter{ 
font-weight: normal;
color: #006; 
}
p.droite {
text-align: right;
}
p.gauche {
text-align: left;
}
P:first-letter {
font-weight: bold; color: #0083FF;
/*text-indent: 30px;*/
}
p.titre {
font-size: 100%;
color: #00ae57; 
font-weight: bold;
/*border-bottom-width : 1px; 
border-bottom-style : solid; 
border-left-width : 3px; 
border-color : #cc0000; 
border-left-style : solid; */
text-align: center;
border-width : 1px; 
border-color : #00ae57; 
border-style : solid;
padding : 3px;
}
p.titre:first-letter {
font-size: 150%;
font-weight: bold; 
color: #006600;
/*text-indent: 30px;*/
}

p.plan {
font-family:"Viner Hand ITC", Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
text-align: justify;
margin-left: 30px; 
margin-right: 30px;
}
h1 {
text-align: center;
}
h3 {
text-align: center;
color: #0083FF;
font-weight: bold;
margin-top: 10px;
}
h1:first-letter {
font-weight: bold; color: #0083FF;
}
h3:first-letter {
font-size: 1.2em;
font-weight: bold; color: #0083FF;
}
blockquote {
text-align:justify;
text-indent:130px;
}
.u {
font-weight: bold;
border-bottom: 1px dashed #888;
}
td,th {
font-size: 100%;
}
hr {
color: #6BA0D2;
background-color: #6BA0D2;
height: 1px;
border: 0;
}
#dispo{
margin: 0 20px 0 20px;
/*padding: 0;*/
height: auto !important;
height: 350px;
min-height: 350px;
}
input.sbutton {
/*margin:0;*/
padding:0;
border:3px outset #FFCC99;
color: #006;
font-weight: bold;
cursor:pointer;
}
input.sbutton:hover {
/*margin:0;*/
padding:0;
background-color:#FFD8A7;
color:#c00;
}
input.sbutton:active {
/*margin:0;*/
padding:0;
border:2px inset #c00;
background-color:#c00;
color:#FFD8A7;
}
#dispo input{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #006; 
border:1px solid #FBAF4D;
background-color:#FFF4DF;
/*background-color:#F5E9CF;*/
}
#dispo input.sbutton {
border:3px outset #FFCC99;
color: #006;
font-weight: bold;
cursor:pointer;
}
#dispo input.sbutton:hover {
background-color:#FFD8A7;
color:#c00;
}
#dispo input.sbutton:active {
border:2px inset #c00;
background-color:#c00;
color:#FFD8A7;
}
#dispo td, #dispo th {
font-size: 9px;
}
#dispos{
height: auto !important;
height: 350px;
min-height: 350px;
margin: 20px;
}
#dispos input{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #006; 
border:1px solid #FBAF4D;
background-color:#FFF4DF;
/*background-color:#F5E9CF;*/
}
#dispos input.sbutton {
border:3px outset #FFCC99;
color: #006;
font-weight: bold;
cursor:pointer;
}
#dispos input.sbutton:hover {
background-color:#FFD8A7;
color:#c00;
}
#dispos input.sbutton:active {
border:2px inset #c00;
background-color:#c00;
color:#FFD8A7;
}
#dispos td, #dispos th {
font-size: 100%;
}

/*
input.sbutton,button {
border-top-color: #555555; 
border-left-color: #555555; 
border-right-color: #333333; 
border-bottom-color: #333333; 
border-top-width: 1px; 
border-left-width: 1px; 
border-bottom-width: 1px; 
border-right-width: 1px
}
*/
div.tableadispo td {
/*background-color:#F5E9CF;
text-align:center;
}
div.tableadispo th {
background-color:#DAEDFF;*/
}
.tabledom {
background-color:#F5E9CF;
}
.tabledom th {
background-color:#DAEDFF;
}
a:link {
color: #0083FF;
text-decoration: none;
font-weight: bold;
/*font-size: 12px;*/

}
a:visited {
/*color: #204160;*/
color: #039;
text-decoration: none;
font-weight: bold;
/*font-size: 12px;*/

}
a:hover {
/*COLOR: #0080FF;*/
/*COLOR: #FF9900;*/
color: #8C0000;
font-weight: bold;
text-decoration: none;
/*font-size: 12px;*/

}
a img, img {
border: 0;
}
.bord {
border: 1px solid #3f3f3f;
}
ul, li {/* utilisation de liste pour le menu */
list-style-type: none;
text-align: justify;
}

ul.dec { list-style-type:decimal;
text-align: justify;
}
ul.img { list-style-image:url(../icones/pucebleu.gif);
text-align: justify;
}
ol {margin-left: 30px; padding-left: 0px;
text-align: justify;
}
li:first-letter {
font-weight: bold; color: #0083FF;
}
#header {
height: 180px;
text-align:center;
/*background-color: #99CCCC;*/
}
#lang {
display: block; 
position: absolute; 
top: 5px;
right: 5px; 
text-align:right;
font-size: 70%;
}
#iles {
height: 487px;
border:0px;
background-image:url("../img/anse_du_trezhir4.jpg");
background-repeat: no-repeat;
background-position: 100% 0px;
}
#iles p { 
padding-right: 75%;
padding-top: 100px;
text-indent: 30px;
text-align: justify;
}

#ilesmenu { 
position: absolute;
top: 570px;
right: 180px;
text-align: justify;
}
#ilesmenu ul { 
/*list-style-image:url(../icones/visite_virtuelle.gif);
text-align: justify;
vertical-align: 50%;
vertical-align: middle ;
text-indent: 30px;
line-height: 1.5em;*/
}
#ilesmenu li { 
list-style-type:none;
background-image:url(../icones/visite_virtuelle.gif);
background-repeat:no-repeat;
background-position:0% 85%;
padding-left:35px;
}
#iles2 {
height: 450px;
border:0px;
background-image:url("../img/barre.jpg");
background-repeat: no-repeat;
background-position: 100% 0px;
padding: 10px;
}
#merci {
height: 487px;
margin: 50px;
border:0px;
text-align:center;
}
#merci p{
text-align:center;
}

#conteneur {
position: absolute;
width: 760px;
left: 50%;
margin-left: -380px;
/*background-color: #FFD8A7;*/
/*border: 1px solid #6BA0D2;
background-color:#CCCCFF;*/
min-height: 100%;
height: 100%;
voice-family: "\"}\"";
voice-family: inherit;
height: auto;
}
#centre {
/*background-color:#9999CC;*/
margin-left: 160px;
/*padding: 10px 20px 0px 20px;*/
}
#contenu {
padding: 10px 20px 0px 20px;
/*background-image: url(../img/fond.jpg);
background-position:center center;
background-position:50% 50%;
background-repeat:no-repeat;
background-attachment:fixed;*/
}
#contenu h1 {
height: 102px;
margin: 0 0 25px 0px;
/*padding-bottom: 25px;*/
font-family:Georgia, "Times New Roman", Times, serif;
text-align: center;
background-image: url(../img/tourisme.jpg);
background-repeat: no-repeat;
background-position: 50% 0px;
}
#contenu ul {

text-align: justify;
}
#contenupeu {
padding: 10px 20px 0px 20px;
height: 350px;
border:0px;
}
#gauche {
position: absolute;
left:0;
width: 160px;
}
#gauche a {
color: #660000;
}
#gauche a:hover {
color: #FFD8A7;
}
#pied {
height: 30px;
/*background-color: #99CC99;
background-color: #FFD8A7;*/
/*clear: both;*/
font-size: 70%;
color: #666;
text-align: center;
margin: 10px 0em 0px 0px;
padding: 10px 0px 0px 0px;
border-top: 1px solid #6BA0D2;
/*background-repeat: no-repeat;
background-image: url(signSoph.gif);
background-position: 0% 95%;*/
}
#pied p {
/*font-size: 70%;*/
text-align: center; 
}
#pied a {
/*font-size: 70%;*/
}

/*.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}*/
#visite {
/*background-color: #99CC99;
background-color: #FFD8A7;*/
padding: 10px 0em 0px 0px;
border-top: 1px solid #6BA0D2;
/*background-repeat: no-repeat;
background-image: url(signSoph.gif);
background-position: 0% 95%;*/
}

#telephone {
/*clear: both;
font-size: 75%;*/
padding-top: 20px; 
text-align: center; 
}
#telephone p {
/*font-size: 70%;*/
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
text-align: center; 
}
#menubas {
/*clear: both;*/
font-size: 75%;
padding-top: 20px; 
text-align: center; 
}
#menubas a {
padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; text-decoration: none
}
#menubas a:link {
color: #0083FF;
font-weight: bold;
}
#menubas a:visited {
color: #0083FF;
font-weight: bold;
}
#menubas a:hover {
padding-bottom: 0px; border-bottom: #527bbd 3px solid
}
#noted {
margin-top: 4px; font-size: 80%; margin-bottom: 4px; text-align:right;
}
#page {
text-align: center;
}
acronym {
cursor: help; font-style: italic; color: #003399; border-bottom: 2px #6BA0D2 dashed;
}
.intro{

font-weight: bold;
text-decoration: none;
text-indent: 15px;
}
.cadreint {
float: right;
width: 100px;
text-align: center;
margin: 0 0 0 10px;
padding-bottom: 10px;
}
.cadreintcentre {
float: left;
width: 100px;
text-align: center;
margin: 0 10px 0 0;
padding-bottom: 10px;

}
.flux 
{clear: both ; 
} 
.fluxgauche
{ float : left; margin: 0 10px 10px 0 ; 
}
.fluxdroite
{ float : right ; margin: 0 0 10px 10px ; 
}
.cadre {
width: 100%;
padding: 10px 20px 0px 20px;
}
ul.cadre { list-style-image:url(../icones/pucebleu.gif);
text-align: justify;
}
li.cadre {
margin-top: 10px;
margin-right: 50px;
margin-bottom: 10px;
margin-left: 0px; 
/*margin: 10px, 50px, 10px, 50px;*/
padding: 10px;
/*list-style-image:none;*/
list-style-type:none;
text-align:justify;

color: #FFFFFF;
background: #3366cc;
border:1px solid #0066CC;
border-style: dashed;
/*border-width: medium;*//* Applique une bordure sur les quatre côtés */
border-color: #006;
}
li.clevacances { 
/*list-style-type:none;
list-style-image:url(../icones/cle.gif);*/
list-style-type:none;
background-image:url(../icones/cle.gif);
background-repeat:no-repeat;
background-position:0% 10%;
padding: 20px 30px 10px 30px;
/*background-image:url(../icones/cle.gif);*/
}
li.stationverte { 
list-style-type:none;
background-image:url(../icones/puce_station_verte.gif);
background-repeat:no-repeat;
background-position:0% 25%;
padding-top:10px;
padding-left:30px;
padding-right:30px;
}
.spacer {
clear: both;
}
#boxContainer {background: #fff; padding: 5px; margin: 4px; } 

div#miniatures {
text-align: center;
margin: 0 5px 10px 15px;
padding:10px;
}
div#miniatures img {
border: 1px solid #FFCC99;
margin-right: 5px;
margin-bottom: 5px;
}
div#titremaison {
/*font-size: 70%;
margin-left: 40px;*/
background-color: #D7E7F2;
border-top: 1px solid #232323;
border-bottom: 1px solid #232323;
}
div#maison {
font-size: 70%;
margin-left: 40px;
/*background-color: #D7E7F2;
border-top: 1px solid #232323;
border-bottom: 1px solid #232323;*/
}
div#appartement {
font-size: 70%;
margin-left: 40px;
}
div.spacer {
clear: both;
}
div.float {
float: left;
}
div.float p {
text-align: center;
}
div.floatd {
float: right;
padding: 0 0 0 10px;
}
div.floatd p {
text-align: center;
}
div.floatg {
float: left;
padding: 0 10px 0 0;
}
div.floatg p {
text-align: center;
}
div.floatw {
width: 160px;
float: left;
}
div.floatw p {
text-align: center;
}
div.espace {
 clear: both;
}
.tabfont {/*font-size: 12px;*/
font-size: 100%;
}
/*contact*/
div#cadrebleu {
width: 460px;
padding: 5px;
margin-left: 50px;
font-size: 100%;
border: 1px solid #0066cc;
background-color: #ffffff;

}
.cadrebleu {
width: 460px;
left: 50%;
font-size: 100%;
border: 1px solid #0066cc;
background-color: #ffffff;

}
.mder2 {
font-size: 12px;
color: #ffffff;
background-color: #cc0000; 
}
.titre1r {
font-weight: bold;
font-style: normal;
color: #cc0000;
}
.titre1rc {
font-weight: bold;
font-style: normal;
color: #cc0000;
text-align:center;
}
abbr, acronym, .help {
border-bottom: 1px dotted #333;
cursor: help;
}
/*<abbr title="Abbreviation">ABBR</abbr>
<span class="help" title="Most recent browsers show the text in the TITLE attribute as a tool tip or in a message in the browser window.">TITLE attribute</span>
<acronym title= "Cascading Style Sheets">CSS</acronym>:</p>
*/
blockquote, blockquote p {
text-indent: -0.5em;
}
.remonte{
display: block;
position:relative;
top:-5px;
left:24px;
height:5px;
text-align:right;
width:423px;
background-image: url(../images/gen/f_point.gif);
}
#location{
text-align: center;
}
#recherche{
text-align:center;
}
#recherche input.sbutton {
border:3px outset #FFCC99;
color: #006;
font-weight: bold;
cursor:pointer;
}
#recherche input.sbutton:hover {
background-color:#FFD8A7;
color:#c00;
}
#recherche input.sbutton:active {
border:2px inset #c00;
background-color:#c00;
color:#FFD8A7;
}
div.photo {
margin-left: auto;
margin-right: auto;
width: 200px;
border: 3px solid #FFCC99;
/*background-color: #eee;*/
text-align: center;
font-weight:bold;
padding: 0.5em;
}
div.picto {
margin-left: auto;
margin-right: auto;
width: 450px;
/*border: 3px solid #FFCC99;
background-color: #eee;*/
text-align: center;
font-weight:bold;
font-size: 70%;
padding: 0.5em;
}
div.picto1 {
margin-left: auto;
margin-right: auto;
width: 400px;
/*border: 3px solid #FFCC99;
background-color: #eee;*/
text-align: center;
font-weight:bold;
font-size: 70%;
padding: 0.5em;
}
div.picto2 {
margin-left: auto;
margin-right: auto;
width: 350px;
/*border: 3px solid #FFCC99;
background-color: #eee;*/
text-align: center;
font-weight:bold;
font-size: 70%;
padding: 0.5em;
}
h3.centrerrouge {
text-align: center;
color: #8C0000;
font-weight: bold;
text-decoration: underline;
}
/*** Mise en forme du formulaire ***/

#formname {
border: none;
margin: 0;
padding: 0;
width: 30em;/*** Largeur du formulaire ***/
}
#titreform, #piedform {/*** Mise en forme du titre et du pied de formulaire ***/
font: bold 1.1em arial, hevetica, sans-serif;
color: #fff;
border: 1px solid #FBAF4D;
background: #FBAF4D;
/*background: #FFF4DF;*/
margin: 0;
padding: 1em;
}
#piedform {
text-align: center; /*** text-align: right; = Les boutons sont alignés à droite ***/
}
#piedform input {
/*font-weight: bold; *//*** Pour améliorer la lisibilité des boutons ***/
margin: 5px 5px 10px 5px;
}
#piedform fieldset {/*** Mise en forme des cadres ***/
border: 1px solid #FFF4DF;
}
#corpsform {/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
border-left: 1px solid #FBAF4D;
border-right: 1px solid #FBAF4D;
color: #006;
/*background: #FFF4DF;*/
margin: 0;
padding: 1em;
}
#corpsform fieldset {/*** Mise en forme des cadres ***/
margin: 0;
border: 1px solid #FBAF4D;
font-style: normal;
padding: 0 1em 1em;
}
#corpsform legend {/*** Mise en forme des titres des cadres ***/
font-weight: bold;
color: #006;
background: transparent;
}
#corpsform p {/*** Mise en forme des lignes du formulaire ***/
padding: .2em 0;
margin: 0 0 .1em 0;
/*margin: 0 0 .2em 0;*/
}

/*********/
#corpsform fieldset#coordonnees label, #typelocation label {/*** Mise en forme des intitulés de champs ***/
float: left;/*** Très important, ne pas suprimer ! ***/
width: 50%;/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
text-align: right;/*** ... et ils sont alignés à droite... ***/
margin: 0;
padding: 0 .5em 0px 0;
line-height: 1.8;/*** ... et centrés verticalement. ***/
/*line-height: 2.1;/*** ... et centrés verticalement. ***/

}
#corpsform fieldset#commentaires label {/*** Mise en forme des intitulés de champs ***/
float: left;/*** Très important, ne pas suprimer ! ***/
width: 45%;/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
text-align: right;/*** ... et ils sont alignés à droite... ***/
margin: 0;
padding: 0 5px 0px 0;
line-height: 1.8;/*** ... et centrés verticalement. ***/
}
#corpsform fieldset#Parcourir label {/*** Mise en forme des intitulés de champs ***/
text-align:center;
margin: 0;
padding: 0 .5em 0 0;
line-height: 1.8;/*** ... et centrés verticalement. ***/
}
#corpsform label:hover, #piedform input {
cursor: pointer;/*** Petite astuce pour aider les utilisateurs à cliquer sur les intitulés ***/
}
#piedformparcourir {
text-align: center;
}
#piedformparcourir p {
text-align: center;
}
#corpsform .focus {/*** Mise en avant des champs en cours d'utilisation ***/
background: #ffffee;
color: #006; 
}
#corpsform .normal {/*** Retour à l'état normal après l'utilisation ***/
background: #ffffff;
color: #006; 
}
/*Formulaire dedut*/
textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #006; 
border:1px solid #FBAF4D;
background-color: #FFF4DF;
/*srollbard-Base-color: #000000; 
srollbard-face-color: #FFF4DF; 
srollbard-shadow-color: #FBAF4D; 
srollbard-highlight-color: #FFFFFF;
srollbard-3dlight-color: #FBAF4D; 
srollbard-darkshadow-color: #FFFFFF; 
srollbard-track-color: #FFF4DF; 
srollbard-arrow-color: #FBAF4D; */
}
input{
/*margin:0;*/
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #006; 
border:1px solid #FBAF4D;
background-color:#FFF4DF;
/*background-color:#F5E9CF;*/
}

option {
/*font-size: 90%;*/
color: #0083ff;
border-bottom:1px solid #0066cc;
background-color: #fff4df;
}
select {
color: #cc0000; 
 background-color: #fff4df;
/*FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
Font-Size: 90%; 
*/ 
}
.selection {
/*FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
Font-Size: 90%;*/
background-color: #fff4df;
color: #cc0000; 
}
input.bouton {
/*margin:0;*/
padding:0;
border:3px outset #FFCC99;
color: #006;
cursor:pointer;
}
input.bouton:hover {
/*margin:0;*/
padding:0;
background-color:#FFD8A7;
color:#c00;
}
input.bouton:active {
/*margin:0;*/
padding:0;
border:2px inset #c00;
background-color:#c00;
color:#FFD8A7;
}
/*Formulaire fin*/

#bretagne { /* bloc image en arrière-plan */
width : 580px;
height: 361px;
background: url(../img/breta.gif) top left no-repeat;
}
#finistere { /* zone cliquable */
float: left;
width : 100px;
height: 50px;
margin-left: 0px;
margin-top: 70px;
border: 3px dotted #cc0000;
}
.alerte {
color:#cc0000;
font-size:100%;
font-weight: bold;
}
#xiti-logo, #xiti-logo-noscript {
text-align:center;
margin: 0 5px 0px 30px;
padding: 5px 0px;
}
#xiti-logo img {
margin-right: 30px;
}
.c {
text-align: center;
}
.cg {
text-align: center;
font-weight: bold;
}
.d {
text-align: right;
}
.dg {
text-align: right;
font-weight: bold;
}
.g {
text-align: left;
}
.gg {
text-align: left;
font-weight: bold;
}
#reservations{
position: absolute;	/* positionnement pour IE5 et IE5.5 */
top: 320px;
left: 30px;
/*background: transparent url(../icones/fond_menu_gauche.gif) top left no-repeat;	/* arrière-plan général du menu */
width: 160px;
padding-top: 17px;

}
#reservation {
}
#reservation input.sbutton {
margin:0;
padding:0;
border:3px outset #FFCC99;
color: #006;
font-weight: bold;
cursor:pointer;
}
#reservation input.sbutton:hover {
margin:0;
padding:0;
background-color:#FFD8A7;
color:#c00;
}
#reservation input.sbutton:active {
margin:0;
padding:0;
border:2px inset #c00;
background-color:#c00;
color:#FFD8A7;
}
a:hover img,a img:focus{background:transparent;moz-opacity:.7;opacity:.7;}