@charset "utf-8";
/* CSS Document */

a{
	font-size:1em;
	font-family: Verdana, Geneva, sans-serif;
	color:#060;
	text-decoration:none;
	margin:0;
	border-bottom:1px dotted #060;
}
a:hover {border-bottom:1px solid #060; }

form {display:inline; margin:0; padding:0; vertical-align:middle; color:#061;}

input {
   background-color: #ffffff;
   border: 1px outset #061; 
   text-indent: 1px;  
   font-size: 0.8em;
   padding-top:1px;
   vertical-align:middle;
   color:#061;
   z-index:1;
}
table {font-size:12px}

textarea {   
   font-size:0.9em;
   color:#060;
   font-style:normal;
   line-height:normal;
   font-weight:normal;
   text-decoration:none;
   letter-spacing:normal;
   word-spacing:normal;
   border:thin ridge;
   border-color: #060;
   background-color:#F7FAED;
}

select {  
   font-size:0.9em;
   color:#060;
   background-color:#F7FAED;
}

/* CLASS */
.hidden {
	display:none;
}

div.cadre_d {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width: 142px;
	z-index:3;
	margin: 0 0 15px 10px;
}

div.cadre_d img{
	cursor:hand;
	border:0;
}

div.cadre_g img{
	cursor:hand;
	border:0;
	padding-left:5px;
}

#photo_meteo {
	position:relative;
	width:65px;
	height:50px;
	z-index:1;
	margin-top:-120px;
	margin-bottom:-10px;
	padding-left:00px;
	padding-top:20px;
	margin-right:0px;
	float:right;
}

/* DIV */
div.liste {text-align:center; }
div.liste2 ul{padding:0; margin:0; border:none; padding-left:2px;/*background-image:url(img/fond-menu.gif*/);}
div.liste ul, div.liste3 ul  {padding:0; margin:0; border:none; padding-left:2px;background-image:url(img/fond-menu.gif);}
div.liste2 ul, div.liste2 li  {list-style:url(img/fleur.gif) inside; }
div.liste ul, div.liste3 ul  {list-style:none; }
div.liste li {display:inline; line-height:1em; }
div.liste2 li, div.liste3 li  { line-height:1em; padding-left:5px;}
div.liste li a,div.liste2 li a {	color:#FFF;	text-decoration:none;	margin:0;	border:none;	padding:0}
div.liste3 li a  {
	color:#300;
	text-decoration:none;
	margin:0;
	border:none;
	padding:0
}
div.liste li a {font-size:0.65em;}
div.liste3 li a  {font-size:0.55em; padding:0; margin:0;}
div.liste2 li a, div.liste3 li a  {width:100%;}
div.liste li a:hover, div.liste2 li a:hover{background-color:#060;color:#F7FAED; text-decoration:none; border:none;}
div.liste3 li a:hover{
	background-color:#630;
	color:#FFF;
	text-decoration:none;
	border:none;
}
div.liste2 li a:hover, div.liste3 li a:hover{width:100%}
div.liste p, div.liste2 p{/*background-image:url(img/bas-menu.gif);*/ padding:0; margin:0; font-size:9px;height:9px;}
div.liste3 p {background-image:url(img/bas-menu.gif); padding:0; margin:0; font-size:9px;height:9px;}
.webcam {font-weight:bold;}
div.cadre_g li { line-height:1.4em; }
.contenu_d a, .contenu_d a:hover {border-bottom:none;padding:0; margin:0;}
.cadre_d a, .cadre_d a:hover {border-bottom:none;padding:0; margin:0;}

#mainContent {
	font-size:0.8em;
/*	max-width:500px;*/
}


#mainContent div{
	padding-left:1px;
	padding-right:1px;
}
DIV#maincontent h1 {font-size:17px}
DIV#maincontent h2 {font-size:15px}
DIV#maincontent span {font-size:10px}

div#mainContent img{ border-width:0px;}
div#mainContent a img{ border-width:0px;}
div#mainContent a:hover img{ border-width:0px;}

div.cadre_g {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width: 142px;
	z-index:3;
	margin: 0 0 15px 0px;
	color: #372400;

}

div.cadre_g h1 {
	/*background-image:url(img/fond-menu.gif);*/
	line-height:25px;
	margin:0;
	padding-left:10px;
	font-size: 1.2em;
	width:150px;
	max-width:150px;	
	cursor:hand;
	color:#fff;
	}
div.cadre_g h4 {
	margin:0;
	padding-top:20px;
	width:150px;
	max-width:150px;
	font-stretch:condensed;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	}

div.cadre_g img {padding-left:5px};

	
div#footer ul {padding:0; margin:0;  }
div#footer ul li {  display: inline; padding: 0 1em 0 1em;}
div#footer li {padding: 0em 0.6em 2px 0.6em; vertical-align:middle; list-style:none;}
div#footer li a{color:#060; font-size:10px; text-decoration:none; padding:2px; margin:0;  border:1px solid white; }
div#footer li a:hover {border:1px solid #060;}
div#footer ul li  a:hover img{border:none;}
div#footer ul li  a img{border:none;}

#pied {
margin-top:20px;
padding: 0.66em 1em 1em 1em;
	  line-height:1.5em;
	text-align: center;
   font-size:0.8em;
   border-top:  #060 2px solid;
}
	#pied a {      color: #060;      font-weight: bold;padding:3px;   }
	#pied a:hover {	  padding:2px; border:1px dotted #060;    }
/*---------------------------*/

#accueil {
   width: 100%;
   padding:10px;
}

#barre {
	position:relative;
	left:750px;
	top:270px;
	width:193px;
	height:30px;
	z-index:1;
}
#barre img {border:0}
img#barre  {border:0}
div#barre img a {border:0}
div#barre a:hover {color:#fff}

#saisons {
	color:white;
	margin-top:7px;
	margin-left:10px;
	font-size:14px;
	line-height:25px;
	font-weight:bold
}
#saisons a {color:white;}
#saisons a:hover {color:060;}


.esecure {padding:0; margin:0; border:none;font-size:1.1em; text-align:left; }
.esecure a {border:none; margin:0; padding:0;}
.esecure a:hover {border:none; margin:0; padding:0;}


/***************** P L A N **************************/
.plan {border:1px dashed #061; background-color:#e4d8bc; margin:0 0 2em 0;}
.plan img {float:left; margin:0.35em;}
.plan h2 a{color:#061; line-height:1em;}
.plan li a{color:#061; margin-left:1em; padding:3px;}
.plan li a:hover{color:#061; padding:2px; border:1px dashed #061;}
.plan span {color:#666; font-size:0.7em;}
.plan_plus a {color:#061; padding-left:1em; }


/*******************************************************/
/*agenda calendrier*/
.caltable {width:98%; background-color:#061; text-align:center; margin-top:1em}
.caltop {width:14%; font-size:1.1em; color: #FFFFFF; font-weight:bold}
.calhead {font-weight:bold; background-color:#F7FAED; color:#061}
.caltoday {width:14%; font-size:0.9em; font-weight:bold; color:#060; background-color:#F7FAED}
.caldays {width:14%; font-size:0.9em; color:#061; background-color:#FFFFFF; text-align:center}
.calok {width:14%; font-size:0.9em; color:#061; background-color:#F7FAED; text-align:center}
.calprec {padding-left:1em; float:left}
.calsuiv {padding-right:1em; float:right}
.calcache {position: absolute; clip:rect(1px, 1px, 1px, 1px); clip:rect(1px 1px 1px 1px);}

/*menuagenda*/
.menuagenda {background-color:#061; width:98%; text-align:center; margin-bottom:1em; padding:1px 0 1px 0}
.menuagenda label {color:white; font-weight:bold}
.menuagenda select {_margin-bottom: -15px}
.menuagenda input {_margin-bottom: -15px}
.left {float:left; padding-right:0.5em}
.right {float:right; padding-left:0.5em}


#imprime {border:none; float:right}
#imprime img {border:none;}
#imprime input {border:none; float:right}

#mentete {
   width: 100%;
   height: 1.6em;
   background-color: #061;
}
#entete {
    font-size:75%;
   float: left;
   padding-top: 0.2em;
   padding-left: 1em;
   color: #F7FAED;
   font-weight: bold;
   background-color: #061;
}
   #entete a { color: #F7FAED; font-weight: normal;padding-bottom:2px}
   #entete a:hover { color: #061;background-color:#F7FAED; padding-bottom:2px }

#entetepage {	
   float: right;
   padding-top: 0.2em;
   padding-right: 1em;
   color: #F7FAED;
    font-size:75%;   font-weight: normal;
   text-align: right;
   background-color: #061;
}
   #entetepage a {color: #F7FAED; font-weight: normal; padding-bottom:2px}
   #entetepage a:hover {color: #061;background-color:#F7FAED;padding-bottom:2px}

/*******************************************************/
.nePasAfficher {
  display: none !important;
}

clearBoth {
  clear: both;
}

/* séparation par lignes verticales */

.diviseVerticalGauche {
/*  background: url(GabLargFluide/colbgnoir.gif) repeat-y 11.15em 0;
*/}

.diviseVerticalDroite {
/*   background: url(GabLargFluide/colbgnoir.gif) repeat-y 85% 0;
*/}

td img {
/* Another Mozilla/Netscape bug with making sure our images display correctly */
	display: inline;
}

#menunews td img {display: inline; }

/**************************************************************************/
/* Partie spécifique FCKEDITOR  */

.Gras_MJ {
	font-weight: bold;
	background-color:#F7FAED;
}
.Titre
{
	font-weight: bold;
	font-size: 18px;
	color: #061;
}
.Titre_H1
{
	font-weight: bold;
	font-size: 14px;
	color: #061;
}
.Titre_H2
{
	font-weight: bold;
	font-size: 13px;
	color: #061;
}
.Titre_H3
{
	font-weight: bold;
	font-size: 12px;
	color: #061;
}
.Titre_Orange {
	font-weight: bold;
	font-size: 13px;
	color:#FF9900;
}
hr {
	size:1;
	color:#061; 
}
.legende {
	font-style: italic;
	font-size: 7pt;
}
.marqueur-1 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 10pt;
	color: #061;
	background-color: #F7FAED;
	letter-spacing: 5px;
	font-weight: bold;

}
.italic {
	font-style: italic;
}
.titre-rubrique {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12pt;
	color: #061;
	font-weight: bold;
}
.gras1 {
	font-weight: bold;
}
.fond-table-glob {
	background-color:#060;
}
.fond-table-1 {
	background-color: #061;
	color:#FFFFFF;
	font-weight: bold;

}
.fond-table-4 {
	background-color: #F7FAED;
}
.fond-table-2 {
	background-color: #FFFFFF;
}
.fond-table-2gras, .fond-table-3 {
	background-color: #F7FAED;
}

.fond-table-2gras {
	font-weight:bold;
}

/**************************************************************************/
/* Partie specifique à la gestion des hébergements */


TD.fond_type  {background-color:#060; color:#F7FAED; font-weight:bold;}
TD.fond_ville {background-color:#061; color:#F7FAED; font-weight:bold;}
TD.fond_nbpers {background-color:#F7FAED; color:#061; }
TR.fond_ligne {background-color:#F7FAED;}
TR.fond_ligne {background-color:#F7FAED;}
#loueur TABLE, TD, TR {border-color:#600;}
.th_nom {padding:5px;}
.txt_prest {padding:3px; color:#FFFFFF; background-color:#600;}

.meteo TABLE, .meteo TD, .meteo TR{padding:0px; border:none;}
.meteo TD {font-size:xx-small; color:#061;}