body {
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0;
margin:0;
text-align:center;
}
a {color: #FF6600; text-decoration:none}
a:hover { text-decoration:underline}

img{
border:0;
}
img a{
border:0;
}
img.icon{
vertical-align: middle;
}

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #CCFF00;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0
}
h1 a { color: #564b47; }
h1 a:hover { border-top:5px solid #564b47; text-decoration:none }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;
}


/* ---------- Conteneur -------------- */
#conteneur {
width: 900px;
margin-bottom: 10px;
margin:0 auto;
background-color:#7ED45A;
background-image:url(../images/bg_conteneur.gif);
}

/* ----------banniËre-------------- */
#banniere {
background-color: #FFFFFF;
text-align: left;
padding: 0px;
margin: 0px;
}
#banniere img {padding:10px 0px 0px;} 

/* -----------------Contenu--------------------- */
#bloc_droite{
width:700px;
float:right;
margin:0;
padding:0;
}
#content {
background-color: #ffffff;
padding: 0;
margin: 0;
text-align:left;
float:left;
width:500px;
}
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

p, pre{
padding: 5px 10px;
margin:0;
}

/* --------------Colonnes de gauche et de droite------------- */
#gauche {
float: left;
width: 200px;
margin: 0px;
padding: 0px;
text-align:left;
}
#droite {
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
	text-align:left;
}
/* -----------Bas--------------------------- */
#bas {
clear: both;
margin: 0px;
padding: 0px;
text-align: right; }

/*------------Listes Menu---------------------------*/
ul.menu{
padding:0;
margin:0;
}
ul.ss_menu{
padding:0;
margin:0 0 0 25px;
}
ul.menu a{
color:#FFFFFF;
font-size:120%;
}
li.menu{
list-style-type:none;
border-bottom:1px solid #94B54E;
border-top:1px solid #D6E2B2;
padding:5px 0px 5px 15px;
clear:both;
}
li.menu:hover{
list-style-type:none;
border-bottom:1px solid #94B54E;
border-top:1px solid #D6E2B2;
border-left:3px solid #FFFFFF;
padding:5px 0px 5px 15px;
text-decoration:none;
}



/*-------------Formulaires----------------------*/
form{
margin:5px 5px 5px 5px;
text-align:left;
width:90%;
}
input{
font:Arial, Helvetica, sans-serif;
font-size:10px;
height:16px;
border:1px dotted #333333;
color:#333333;
margin:2px;
display:block;
}
fieldset{
width:90%;
}
textarea{
width:80%;
height:300px;
}

/*-------------Calendrier--------------------*/
.calendrier{
background-image:url(../images/calendrier_bg.gif);
background-position:bottom center;
background-repeat:no-repeat;
padding-bottom:5px;
}
.calendrier_titre{
background-image:url(../images/calendrier_bg_titre.gif);
background-position:top center;
background-repeat:no-repeat;
}

/*-------------Infos Bulles-----------------*/
div.nicetitle {
    position: absolute;
    padding: 4px;
    top: 0px;
    left: 0px;
    color: #000;
    font-size: 11px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    width: 25em;
    font-weight: bold;
    background-color: #CCFF99;
    z-index: 20;
    
    /* Uniquement pour Mozilla */
    -moz-border-radius: 12px;
    -moz-opacity: 80%;
}
div.nicetitle p {
    margin: 0; padding: 0 3px;
}
div.nicetitle p.destination {
    font-size: 9px;
    text-align: left;
    padding-top: 3px;
}