body { background: transparent url(../hpbimg/fond.jpg) repeat fixed 0%;
    font-family: "Comic Sans MS",Arial,serif;
    text-align: justify;
    color: rgb(255, 255, 205);
	margin: 0px;
	padding: 0px;
	width: 98%;}
	
/* Les bordures des images à la con ( drapeux, logos liens ... */
img.btn { border-width: 0pt; }	

/* concerne tous les liens */
a { color: #FFCC33; font-weight: bold; font-size: 100%; }
a:hover {color: rgb(255, 255, 205);}
a:visited {color: #FFCC66;}

/* Uniquement sur le bandeau */
div.bandeau {
float: left;
text-align: center;
padding: 3px 0px 0px 0px; 
margin-bottom: 0px;
border-bottom: ridge; 
height: 71px;
width: 100%;
overflow: hidden;
}

/* le div qui suit uniquement dans le menu */
div.bouton {
border: ridge; 
border-width: 2px ; 
margin: 15px 0px 15px 0px; 
padding: 5px 0px 5px 0px;
width: 95px;
text-align: center; }

/* le menu, à gauche. */
div.menu {
float: left; 
width: 13%; 
min-width: 100px;
font-family: Verdana,Arial,serif; 
text-indent: 0px; 
text-align: center; 
font-size: 70%; 
padding-top: 10px; 
padding-bottom: 10px; 
padding-left: 5px; 
padding-right: 5px; 
margin-right: 5px;
margin-top: 0px;
border-right: ridge; 
border-bottom: ridge;}

/* les news à droite et témoignages */

div.news {
float: right;
width: 30%;
padding-right: 5px;
margin-bottom : 5px;
margin-top: 15px;
font-family: "Courier New",Verdana,Arial,serif; 
font-size: 11px;}

div.temoignages {
float: left;
width: 50%;
padding-right: 5px;
margin-bottom : 5px;
margin-top: 15px;
margin-left: 5px;
font-family: "Courier New",Verdana,Arial,serif;
font-size: 11px; }

/* h1 uniquement un sous-titre sur chaque page*/
h1 {
float: left;
text-align: center; 
margin: auto; 
padding: 0px;
font-size: 150%;
height: 40px;
width: 84%;
overflow: hidden;}

h1.accueil {
}

/* h2, tous les titres des pavés de liens */
h2 {
text-align: center;
margin: 0px; 
margin-left: 5px;
padding-bottom: 5px;
font-size: 120%;}

h2.liens {
border-bottom: ridge; 
border-color: #FFCC33;
border-width: 2px;
color: black;
font-size: 150%; }

/* Je sais plus...*/
h3.acces {
text-align: left;
margin: 0px; 
margin-left: 5px;
font-size: 100%;
clear: left;
}

h3.newslo {
color: black;
background-color: rgb(255, 255, 205);
text-align: center;
margin: 0px; 
font-size: 12px;}

h3.td {
border-bottom: ridge; 
border-color: #FFCC33;
border-width: 2px;
color: #FFCC33; 
text-align: center;}

/* les 3 img dans accueil ( index ) et acces */
img.accueil1 {
float: right; 
background-color: white;
padding: 5px;
margin-left: 8px;
margin-right: 5px;
margin-bottom: 5px;} 

img.accueil2 {
float: left; 
background-color: white;
padding: 5px;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 5px;} 

img.accueil3 {
float: right; 
background-color: white;
padding: 5px;
margin-left: 30px;
margin-right: 30px;} 

/* le truc de followsite*/
img.followsite {
border-width=0px;}


img.acces1 {
float: left; 
background-color: white;
padding: 5px;
margin-left: 8px;
margin-right: 5px;
margin-bottom: 5px;} 

p.petit {
text-indent: 20px;
font-size: 80%; }

p.special1 { 
text-indent: 20px;
margin-left: 20px;}

p.infostd { 
text-indent: 20px;
font-size: 85%;}

/* Les div pour acces*/
div.A1 {
float: left;
width: 84%;
margin-bottom: 10px;}

div.A2 {
float: right;
width: 45%;}

/* Les div pour l'accueil*/

div.I1 {
margin-bottom: 10px; }

div.I2 {
margin-bottom: 10px; }

div.I3 {
margin-bottom: 10px; }

div.I4 {
margin-bottom: 10px; }

/* Dans les modalités  */
div.M1 {
float: left;
width: 78%;
margin-left: 20px;}

p.listpraloup {
padding-left: 5px;
margin-left: 5px;
text-align: left;}

p.acc1 {
float: left;
margin-left: 0px;
text-indent: 0px;
width: 100%;}

p.visg { 
text-indent: 20px;
float: left;
}

/* Bas de page (  Xiti )  */
div.basind, div.bastd{
clear: both;
overflow: auto; 
margin-left:5px; 
font-size:75%; 
color: #FFCC33; 
font-weight: normal; 
text-align: center; 
text-indent: 0px;}

div.basliens {
clear: both;
overflow: auto; 
margin-left:5px; 
font-size:75%; 
color: #FFCC33; 
font-weight: normal; 
text-align: center; 
text-indent: 0px;}

/* Les 3 div qui suivent dans liens*/
div.region {
text-align : left;
width : 40.5%;
float: left;
padding-bottom: 5px; 
font-size: 85%;}

div.matos {
text-align : left;
width : 41.5%;
float: left;
padding-bottom: 5px; 
font-size: 85%; }

div.sites {
text-align : center;
width : 42%;
float: right;
padding-bottom: 5px;
font-size: 85%;  }

/* Les 4 div qui suivent dans tarifsdispos*/
div.tdg {
text-align : center;
width : 39.5%;
float: left;
border-bottom: ridge; 
margin-right: 10px;
margin-left: 10px;}

div#TG {
overflow: auto;
text-align: left;
height: 180px;
border : ridge #a6a468 8px ;
 color: #FFCC00;}

div.tdd {
text-align : center;
width : 39.5%;
float: left;
border-bottom: ridge; 
margin-right: 10px;
margin-left: 10px;}

div#TD {
overflow: auto;
text-align: left;
height: 180px;
border : ridge #a6a468 8px ;
 color: #FFCC00;}

/* Les 3 spans pour réservations */
span.prix { font-size:90%; color: blue; font-weight: bold; text-align: center;}
span.dispo { font-size:85%; color: navy; font-weight: bold; text-align: center;}
span.resa { font-size:85%; color: navy; font-weight: bold; text-align: center; text-decoration: line-through;}
span.petit {font-size: 80%;}
span.tpetit {font-size: 10px;}
/* Les 2 décos des grilles de tarifs */
div.motif1 { background: #FFCC99; text-align: left; }
div.motif2 { background: #FFCC00; text-align: left;}

/* pour la visite*/
/* les boutons */
div#boutnum input { border:2px solid #663333; font-size: 90%; font-family: "Comic Sans MS",Arial,serif; font-weight: bold; }
input#btnPrev { width: 50px;}
input#btnNext { width: 50px;}
input#btnPlay {width: 55px; }

/* partie gauche*/

div#photo {
float: left;
width: 40%;
height: 315px;
padding-left: 8%;
padding-right: 2%;}

div#lib {
float: right;
width: 33%;
height: 80px;
padding-top: 100px;
padding-bottom: 60px;}

div#boutnum {
float: left;
width: 75.5%;
padding-left: 9%;
height: 50px;
padding-top: 7px;}

div#stat {
float: left;
width: 75.5%;}

div#photo img {
background-color: white;
padding: 10px;
float: left;}

/* Formulaire*/
form.mail {
float: left;
width: 84.5%;
font-size: 70%;
}

td.libs{
text-align: right;
}

td.libscent{
text-align: center;
}