html,body {
color:black;
background-color:transparent;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top center;
margin:0;
padding:0;
text-align:center;
min-width:400px;
}

#fenetre {
margin: 0px auto;
width: 800px;
height:100%;
text-align:center;
background-repeat:no-repeat; 
background-attachment:fixed;
background-color:transparent;
background-width:100%;
background-height:100%;
background-position:top;
position:relative;
z-index:1;
line-height:auto;
border-left-style:outset; 
border-top-style:outset;
border-right-style:inset;
border-bottom-style:inset;
border-width:100%; 
border-color:silver; 
}

p,ul {
font-size : 100%;
font-family:Georgia, "Times New Roman", Times, serif;
color : black;
background-color : transparent;
}

li {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 100%;
color: black;
display : list-item;
text-align:justify;
list-style-image : url(puce.gif);
list-style-position: outside;
}


h1 {
font-size : 200%;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
color : blue;
text-align: center;
line-height:80%;
}

h2 {
font-size : 150%;
text-align: center;
font-family:Georgia, "Times New Roman", Times, serif;
color : #000084;
font-style:italic;
line-height:80%;
}

h3 {
font-size : 100%;
text-align: center;
font-family:Georgia, "Times New Roman", Times, serif;
color : #000084;
font-style:italic;
line-height:80%;
}

h4 {
font-size : 80%;
text-align: center;
font-family:Georgia, "Times New Roman", Times, serif;
color : #000084;
font-style:italic;
line-height:80%;
}

h5 {
font-size : 60%;
text-align: center;
font-family:Georgia, "Times New Roman", Times, serif;
color : #000084;
font-style:italic;
line-height:80%;
}

h6 {
font-size : xx-small;
text-align: center;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
color : black;
line-height:80%;
}

a:link {color: #0000CC;background-color:silver;}
a:visited {color: gray; text-decoration:underline;background-color : silver;}
a:hover {color:red; text-decoration:none;}

.haut {
text-align:left;
}

.menu {
width:166px;
float:left;
text-align:justify;
background-color:white;
top:80px;
left:0px;
margin:95px 0 0 0;
display:block;
padding-right:0px;
}

.contenu {
margin-left:168px;
margin-right:10px;
text-align:center;
text-decoration:none;
display:block;
background-color:transparent;
font-size:99%;
position:relative;
}

.logo {
border-style:none; 
border-width:1px; 
border-color:blue; 
margin-left:1px; 
width:160px;
position:absolute;
text-align:center;
top:1px;
left:0px;
}

a.bouton2:link{
width:160px;
text-decoration:none;
color:#0000FF;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:15px;
font-weight:bold;
background-color:transparent;
line-height:120%;
text-align:justify;
letter-spacing: 2%;
}

a.bouton2:visited{
width:160px;
text-decoration:none;
color:#0000FF;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:15px;
font-weight:bold;
background-color:transparent;
line-height:120%;
text-align:justify;
letter-spacing: 2%;
}

a.bouton2:hover{
width:160px;
text-decoration:none;
color:#FFCC00;
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:15px;
font-weight:bold;
background-color:transparent;
line-height:120%;
text-align:justify;
letter-spacing: 2%;
}

.bouton2{text-align:left;padding:2px;line-height: 120%;}

a.bouton3:link{
width:160px;
text-decoration:none;
color:black;
font-family: Georgia, "Times New Roman", Times, serif;
font-style:Italic;
font-size:12px;
font-weight:bold;
line-height:50%;
background-color:transparent;
text-align:justify;
letter-spacing: 2%;
}

a.bouton3:visited{
width:160px;
text-decoration:none;
color:black;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:12px;
font-weight:bold;
line-height:50%;
background-color:transparent;
text-align:justify;
letter-spacing: 2%;
}

a.bouton3:hover{
width:160px;
text-decoration:none;
color:red;
font-family: Georgia, "Times New Roman", Times, serif;
font-style:Italic;
font-size:13px;
font-weight:bold;
line-height:50%;
background-color:transparent;
text-align:justify;
letter-spacing: 2%;
}

.bouton3{text-align:left;padding:10px;line-height:50%;}

.baspage {
bottom;
margin-left:1px;
margin-bottom:0px;
border-style:none; 
border-width:0px; 
border-color:transparent;
background-color:transparent; 
width:100%;
text-align:center;
position:relative;
line-height:120%;
font-family: Arial, Georgia, "Times New Roman", Times, serif;
font-size:xx-small;
font-weight:X-bold;
text-decoration:none;
display:block;
}

.news {
height:35px;
position:absolute;
background-color:silver;
float:right;
text-align:justify;
top:125px;
right:5px;
overflow:hidden;
}


a.news1:link {
background-color:#000080;
padding:1%;
border-style:outset;
border-width:1%;
border-color:#C0C0C0;
text-decoration:none;
font-weight:bold;
text-align:center;
color:white;
display:block;
}

a.news1:visited {
background-color:#0066FF;
padding:1%;
border-style:outset;
border-width:1%;
border-color:#C0C0C0;
text-decoration:none;
font-weight:bold;
text-align:center;
color:white;
display:block;
}

a.news1:hover {
background-color:white;
padding:1%;
border-style:outset;
border-width:1%;
border-color:#C0C0C0;
text-decoration:none;
font-weight:bold;
text-align:center;
color:red;
display:block;
}

.news1{text-align:center; padding:1%; font-size:90%; font-family: Arial, Georgia, "Times New Roman", Times, serif;}

.titrepage {
font-size : 250%;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:bold;
color : blue;
text-align: center;
line-height:80%;
border-style:outset;
border-width:1%;
border-color:#C0C0C0;
background-color:#C0C0C0;
display:inline;
}

form {
background-color:transparent; 
padding:10px;
position:relative;
width:580px;
display:block;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size : 11px;
}

label {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size : 11px;
background-color:white;
}

input {
border:1px solid black;
background-color:#CCCCFF;
font-family:Georgia, "Times New Roman", Times, serif;
color:black;
font-size : 11px;
}

select {
background-color:white;
color:black;
font-size : 11px;
}

option {
background-color:gray;
color:black;
font-size : 11px;
}

textarea {
border:1px solid black;
background-color:#CCCCFF;
font-family:Georgia, "Times New Roman", Times, serif;
color:black;
font-size : 11px;
}

input.bouton {
border:2px outset gray;
background-color:#9999FF;
font-weight:bold;
cursor:pointer;
font-size : 12px;
}

input.bouton:hover {
background-color:white;
color:black;
font-size : 12px;
}

input.bouton:active {
border:2px inset black;
background-color:black;
color:white;
font-size : 12px;
} 

.repas {
border: 1px outset black;
font-family:Georgia, "Times New Roman", Times, serif;
font-size : 11px;
font-style:italic;
width: 200px;
margin-left:2px;
margin-bottom:10px;
float: left;
text-align: center;
background-color : white;
display: block;
padding:5px;
}

table {
border-style:solid; 
border-width:1px; 
border-color:black;
background-color:transparent;
width:75%;
}

td { 
border-style:solid; 
border-width:1px; 
border-color:red;
width:100%;
font-family:Georgia, "Times New Roman", Times, serif;
position:relative;
}

.tarifentetegris {
border-style:solid; 
border-width:1px; 
border-color:black; 
background-color:silver;
width:450px;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-size : 12px;
font-weight:bold;
Padding:1px;
}

.tarifenteteblanc {
border-style:solid; 
border-width:1px; 
border-color:black;
background-color:white;
width:100px;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-size : 12px;
font-weight:bold;
Padding:1px;
}

.tarifdedansgris {
border-style:solid; 
border-width:1px; 
border-color:black;
background-color:white;
width:450px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size : 12px;
Padding:0;
text-align:left;
}

.tarifdedansblanc {
border-style:solid; 
border-width:1px; 
border-color:black;
background-color:white;
width:100px;
text-align:right;
font-family:Georgia, "Times New Roman", Times, serif;
font-size : 12px;
Padding:2px;
}

.none {
border-style:none;
}  


.mois {
border-style:none;
border-width:1px;
border-color:transparent;
width:144px;
height:160px;
background-color:transparent;
font-family:Georgia, "Times New Roman", Times, serif;
font-size : 12px;
text-align:center;
float:left;
display:block;
padding:1px;
margin-left:5px;
}

.titrejour {
border-style:solid; 
border-width:1px; 
border-color:black;
width:18px;
background-color:#CCCCFF;
font-family:Arial, "Times New Roman", Times, serif;
font-size : 12px;
color:black;
text-align:center;
float:left;
display:block;
font-weight:x-bold;
}

.titrewe {
border-style:solid; 
border-width:1px; 
border-color:black;
width:18px;
background-color:blue;
font-family:Arial, "Times New Roman", Times, serif;
font-size : 12px;
color:white;
text-align:center;
float:left;
display:block;
font-weight:x-bold;
}

.casevide {
border-style:none; 
border-width:1px; 
border-color:transparent;
width:18px;
background-color:transparent;
font-family:Arial, "Times New Roman", Times, serif;
font-size : 12px;
text-align:center;
float:left;
display:block;
}

.libre {
border-style:solid; 
border-width:1px; 
border-color:black;
width:18px;
background-color:white;
font-family:Arial, "Times New Roman", Times, serif;
font-size : 12px;
text-align:center;
float:left;
display:block;
}

.passe {
border-style:solid; 
border-width:1px; 
border-color:black;
width:18px;
background-color:transparent;
font-family:Arial, "Times New Roman", Times, serif;
font-size : 12px;
color:white;
text-decoration:line-through;
text-align:center;
float:left;
display:block;
}

.complet {
border-style:solid; 
border-width:1px; 
border-color:black;
width:18px;
background-color:#00CCFF;
font-family:Arial, "Times New Roman", Times, serif;
font-size : 12px;
color:white;
text-align:center;
float:left;
display:block;
}

.partiel {
border-style:solid; 
border-width:1px; 
border-color:black;
width:18px;
background-color:#00CC33;
font-family:Arial, "Times New Roman", Times, serif;
font-size : 12px;
color:white;
text-align:center;
float:left;
display:block;
}

.encours {
border-style:solid; 
border-width:1px; 
border-color:black;
width:18px;
background-color:#CC66FF;
font-family:Arial, "Times New Roman", Times, serif;
font-size : 12px;
color:white;
text-align:center;
float:left;
display:block;
}

.frati {
border-style:solid; 
border-width:1px; 
border-color:black;
width:18px;
background-color:#E41919;
font-family:Arial, "Times New Roman", Times, serif;
font-size : 12px;
color:white;
text-align:center;
float:left;
display:block;
}


.legende {
border-style : solid;
border-width:1px;
border-color:gray;
width: 150px;
height:33px;
text-align:center;
background-color:white;
float:left;
position:relative;
display:block;
padding:1px;
font-size : 11px;
font-family:Arial, "Times New Roman", Times, serif;
}

.photos {
background-color:black;	
color:white;
height:500px; 
}

img {
border:1px solid black;
}	

.thumb {
position:relative;
top:0;
left:0; 
}
  
.thumb a {
margin:0;
text-decoration:none;
}

.thumb a:hover {
background-color:black;	
}

.thumb a .grand {
display:block;
position:absolute; 
width:0px; 
}	  
  
.thumb a:hover .grand { 
position:absolute;
display:block; 
top:100px;
right:-10px;
width:300px; 
height:225px;
}

.thumb a .grandv {
display:block;
position:absolute; 
width:0px; 
}	  
  
.thumb a:hover .grandv { 
position:absolute; 
top:50px;
right:40px;
width:225px; 
height:300px; 
}

.navig {
border-style : solid;
border-width:1px;
border-color:gray;
width: 15%;
height:20px;
text-align:center;
background-color:silver;
float:left;
position:relative;
display:block;
padding:1px;
font-size : 11px;
font-family: Georgia, "Times New Roman", Times, serif;
}