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

#fenetre {
margin : 0 auto;
width : 800px;
text-align : center;
background-repeat : no-repeat;
background-attachment : fixed;
background-color : transparent;
background-position : top;
position : relative;
z-index : 1;
border-left-style : outset;
border-top-style : outset;
border-right-style : inset;
border-bottom-style : inset;
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;
text-align:justify;
display : list-item;
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: 165px;
float: left;
text-align: justify;
background-color : white;
top: 80px;
left: 0px;
margin: 95px 0 0;
display: block;
}

.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;
left : 0;
top:2px;
}

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 : 150%;
text-align : justify;
}

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 : 150%;
text-align : justify;
}

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 : 150%;
text-align : justify;
}

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

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;
background-color : transparent;
line-height : 150%;
text-align : justify;
}

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;
background-color : transparent;
line-height : 150%;
text-align : justify;
}

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;
background-color : transparent;
line-height : 150%;
text-align : justify;
}

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

.baspage {
margin-left : 1px;
margin-bottom : auto;
border-style : none;
border-width : 0;
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;
text-decoration : none;
}

.news {
width : 25%;
height: 6%;
position : absolute;
background-color:silver;
float : right;
text-align : justify;
top : 140px;
right : 5px;
overflow:hidden;
display:block;
padding-top:0px;
}

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

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

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

.news1 {
text-align : center;
padding-top : -5px;
margin-top:0px;
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-color : #c0c0c0;
background-color : #c0c0c0;
display : inline;
}

form {
background-color:transparent; 
position:relative;
padding:10px;
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:white;
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:white;
font-family:Georgia, "Times New Roman", Times, serif;
color:black;
font-size : 11px;
}

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

input.bouton:hover {
background-color:white;
color:red;
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 : 10px;
font-style:italic;
width: 190px;
margin-left: 2px;
margin-bottom:10px;
float:left;
text-align: center;
background-color : white;
display: block;
padding:3px;
}

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

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

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

.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;
}

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

.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:solid; 
border-width:1px; 
border-color:transparent;
width:145px;
height:160px;
background-color:transparent;
font-family:Georgia, "Times New Roman", Times, serif;
font-size : 12px;
text-align:center;
float:left;
display:block;
padding-left:5px;
margin-left:1px;
}

.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;
}

.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;
}

.casevide {
border-style:solid; 
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; 
top:100px;
right:-10px;
width:300px; 
height:225px; 
}

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

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