/* CSS Document */
html {
background-color:white;

background-image: url("images/main-bg.gif");
background-repeat : repeat-x-y;
}

body {
background-image:url("images/back.gif");
background-position:center center;
background-repeat:repeat-y;
/*background:#FFFFFF none repeat scroll 0%;*/
/*font-family:Verdana,Geneva,Arial,Helvetica,"Bitstream Vera Sans",sans-serif;*/
font-family:Georgia,Times,Serif;
font-size:80%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-left: auto;
margin-right: auto;
padding:0pt;
}
p {
margin:0 0 1em 0;
}
#header {
background:#FFFFFF url(images/header.png) no-repeat scroll 50%;
height:150px;
padding-bottom:1px;
text-align : center;
}


/*tableau visible*/
#tableau_visible table {
border-style: solid;
border-width: 2px;
border-color: silver;
width: 80%;
text-align: center;
}
#tableau_visible td {
border-style: solid;
border-width: 2px;
border-color: silver;
background-color: transparent;
}

/*images contenu index*/
#tableau_imageDr {
	float: right;
	width: 40%;	
}
#tableau_imageGa {
	float: left;
	width: 40%;
}
/*#tableau_image img {
width: 50%;
}
#tableau_image ul {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: white;
line-height: 100%;
white-space: nowrap;
}*/

/* appliqué à toutes les images */
img {
	display: block;
   	margin-left: auto;
   	margin-right: auto;
   	border: 0px;
}

/*style pour le titre h1*/
h1 {
height: 5px;
color: #e8794b;
margin:0;
text-align:center;
}
/*style pour le titre h2 */
h2 {
margin: 0px;
height: 40px;
color: #e8794b;
}
h3 {
margin: 0px;
height: 20px;
color: #e8794b;
}
/*couleur tarifs*/
 
.red{
color:#FF0000;
text-align:center;
font-weight:bold;
}
.green{
color:#30CB00;
text-align:center;
font-weight:bold;
}
.violet{
color:#6600CC;
text-align:center;
font-weight:bold;
}
.gris{
color:#666666;
text-align:center;
font-weight:bold;
}
/*c'est ici que nous spécifions la largeur générale du document*/
#global { 
margin:0pt auto;
position:relative;
width:1000px;
border-style: solid;
border-width: 1px;
border-color: black;
}

/*div pour la barre des liens*/
#barrelien {
padding-top: 0px;
text-align: center;
background:#FFFFFF url(images/bg.png);
background-repeat : repeat-x-y;
} 
#barrelien a {
text-decoration: none;
color: white;
}
#barrelien a:hover {
text-decoration: none;
color: #e8794b;
}
#barrelien ul {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: white;
line-height: 100%;
white-space: nowrap;
}
#barrelien li {
list-style-type: none;
    display: inline;
}
/*liste des mois dans la page dispo.php*/
#barre_mois {
padding-top: 10px;
text-align: center;
}
#barre_mois ul {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: white;
line-height: 100%;
white-space: nowrap;
}
#barre_mois li {
list-style-type: none;
    display: inline;
}
/*liste des annŽes dans la page dispo.php*/
#barre_an {
padding-top: 10px;
text-align: center;
}
#barre_an ul {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: white;
text-color : red;
line-height: 100%;
white-space: nowrap;
}
#barre_an li {
list-style-type: none;
    display: inline;
}
/*div bloc menu a gauche*/

#blocmenu {
float: left;
width: 180px;
background-color:f3f3f3;
color: black;
padding: 10px 0 0 0;
text-align:center;
}
#blocmenu a {
text-decoration: none;
color: #9eac11;
}
#blocmenu a:hover {
text-decoration: none;
color: #e8794b;
}
#blocmenu p {
margin: 0 1em 0 1em;
text-align: justify;
}
#blocmenu ul {
margin: 10px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #005588;
line-height: 100%;
white-space: nowrap;
}
#blocmenu li {
list-style-type: none;
    display:list-item;
}
#blocmenu li a {
text-decoration: none;
    padding: 0px 0px;
    color: #9eac11;
}
#blocmenu li a:hover {
text-decoration: none;
color: #e8794b;

}
#blocmenu img {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
/*fin de la div */

/*div de contenu (a droite)*/
#contenu {
margin-left: 200px;
/*background-image: url(images/fondcontenu.gif);*/
background-color: #e3e3e2;
padding: 0;
min-height: 800px;
}

#contenu p {
margin: 0 0 0 1em;
}
	
#contenu a {
	text-decoration: none;
	color: #9eac11;
}
#contenu a:hover {
	text-decoration: none;
	color: 58dbe3;
}
#contenu img {
	display: block;
	margin-left: auto;
   	margin-right: auto;  
}

/*fin div de contenu (a droite)*/

#pied {
	clear: both;
	background-color: white;
	margin: 0px;
	text-align: right;
}
/*Tableau contact*/
div#contact
{
	background-color: transparent;
	width: 70%;
	text-align: center;
	display: block;
   	margin-left: auto;
  	margin-right: auto; 
}
/*Galerie d'image javascript*/
div#galerie
{
	width: 90% ;
	background-color: #eed ;
	border: 1px solid #dcb ;
	padding: 15px ;
	margin: 0px 30px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #dcb ;
}

dl#photo
{
padding-top: 200px;
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #dcb ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #dcb ;
}
/*fin de galerie d'images javascript*/
/*dŽbut style calendrier*/
/* CSS Document */
/* text decoration (balise a) :  
--> none : pas soulignŽ,
--> underline : soulignŽ (bas),
--> overline : soulignŽ (haut)
--> overline underline : soulignŽ en hait et en bas...*/


.date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
	vertical-align:middle;
}


.jours {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

.tab_numero {
	background:url(calendrier/img/icone.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	border-style:solid; 
	border-width:1px; 
	border-color:#000099;
	border-top:hidden;
}

.tab_cal {
	background:url(./calendrier/img/entete.jpg);
	background-repeat:no-repeat;
	border-style:solid; 
	border-width:1px; 
	border-color:#000099;
	border-bottom:hidden;
}

.reserve {
	background-color:#0099FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
}

.descriptif {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-left:10px;
}
/*fin style calendrier*/

/*style overflow pour la barre de liens( lavalamp )*/
.lavaLamp {
    position: relative;
    height: 29px; width: 421px;
    background: url("../image/bg.gif") no-repeat top;
    padding: 15px; margin: 10px 0;
    overflow: hidden;
}
/* overflow sur le menu de gauche */
.lavaLamp li {
	float: left;
    list-style: none;
}
/* Represente l'arrière plan */
.lavaLamp li.back {
     background: url("../image/lava.gif") no-repeat right -30px;
     width: 9px; height: 30px;
     z-index: 8;
     position: absolute;
}
.lavaLamp li.back .left {
     background: url("../image/lava.gif") no-repeat top left;
     height: 30px;
     margin-right: 9px;
            }
/* Styles pour chaque menu-item. */
.lavaLamp li a {
     position: relative; overflow: hidden;
     text-decoration: none;
     text-transform: uppercase;
     font: bold 14px arial;
     color: #fff; outline: none;
     text-align: center;
     height: 30px; top: 7px;
     z-index: 10; letter-spacing: 0;
     float: left; display: block;
     margin: auto 10px;
        }
/* fin style overflow pour la barre de liens*/