/*** accroche
*********************************/
#accroche {
 margin: 20px 0 0 0;
 width: 600px;
}

* html #accroche li {
 margin-left: 7px;
}

#accroche #belle {width: 190px; height: 106px; background-image: url(/style/accueil/belle-it.gif);}
#accroche #patrimoine {width: 190px; height: 151px; background-image: url(/style/accueil/patrimoine-it.gif);}
#accroche #claree {width: 190px; height: 151px; background-image: url(/style/accueil/claree-it.gif);}

/*** article
*********************************/
.article {
 float: left;
 width: 190px;
 margin-left: 10px;
 margin-bottom: 5px;
}

.article dt {
 font-size: 110%;
}

.article .date {
 margin-bottom: 0.5em;
 border-bottom-width: 2px;
 border-bottom-style: dotted;
 text-transform: uppercase;
 font-size: 90%;
}

.article dd.texte {
 padding-bottom: 0.2em;
}

.article dd.photo img {
 display: block;
}

.article dd.lien {
 text-align: right;
}

    .locale dt {
     color: #006924;
    }

    .regional dt {
     color: #818900;
    }

    .locale .date {
     color: #006924;
     border-bottom-color: #006924;
    }

    .regional .date {
     color: #818900;
     border-bottom-color: #818900;
    }

/*** object
*********************************/
#zflash {
 position: absolute;
 z-index: 500;
 top: 15px;
 left: 0px;
}

#zflash p {
 float: right;
 margin-right: 10px;
 padding: 2px 5px;
 text-align: right;
 font-weight: bold;
 background: #000;
}

#zflash a:link, #zflash a:visited {
 color: #FFF;
}

.refer {
 display: none;
}

/*** recherche
*********************************/
#recherche {
 float: right;
 width: 190px;
 background: #ECD9DF;
 margin-right: -190px;
 background: #ECD9DF;
}

#recherche fieldset {
 padding: 5px 0;
}

#recherche label, #recherche select, #recherche input {
 font-size: 90%;
 float: left;
}

#recherche input.submit {
 margin-top: 1em;
}

#recherche strong {
 display: block;
 margin-bottom: 1em;
 width: 190px;
 height: 45px;
 background: transparent url(/style/votre-hebergement-it.gif) no-repeat top left;
}

#recherche label {
 margin-left: 5px;
 width: 150px;
}

#recherche br {
 clear: both;
}

.coldroite {
 padding-right: 190px;
 background: transparent url(/style/fond_recherche.gif) repeat-y right top;
}

 .zone_calendrier {
	position:absolute;
	/*border: 1px solid #000000;*/
	width:200px;
	padding:2px 2px 8px 2px;
	margin-left:2px;
	display:none;
	z-index: 32767;
	/*BACKGROUND: #FFFFFF;*/
}

/*
.tbCal{
	POSITION: relative; 
	TOP: 5; 
	LEFT: 10; 
	border: none;
	BACKGROUND: #FFFFFF;
}
*/

/* on reprend la mise en forme du calendrier qui se positionne a droite de lma zone texte appelante */

.tbCal{
	border: 1px solid #000;
	/*position: relative;*/
	z-index: 32767;
	BACKGROUND: #FFFFFF;
	/*POSITION: absolute; */
	/*TOP: 0; LEFT: 0; */
}

.DayName {
	WIDTH: 10; 
	font: 12 Arial; 
	TEXT-ALIGN: center; 
	CURSOR: default;
}

.BtChangeDate {
	FONT: 12 Arial; 
	WIDTH: 10; FONT-WEIGHT: bold; 
	CURSOR: pointer; 
	TEXT-ALIGN: center;
}

.LbChangeDate {
	FONT: 12 Arial; 
	WIDTH: 70; 
	CURSOR: pointer; 
	TEXT-ALIGN: center;
}

.DayOn {
	WIDTH: 14;
	HEIGHT: 14; 
	BORDER: 1px solid black; 
	CURSOR: pointer; 
	FONT: 12 Arial; 
	COLOR: black; 
	TEXT-ALIGN: center;
}

.DayWorking {
	BACKGROUND: #ADF2BF;
}

.DayNotWorking {
	BACKGROUND: #EEEEEE;
}

.DayOver {
	BACKGROUND: #FFFFCC;
}

.DayStart {
	BACKGROUND: #FF0000;
}

.RowDays{
	BACKGROUND: none;
}

.List {
	BORDER: none; 
	TEXT-ALIGN: center; 
	PADDING: 0px; 
	BACKGROUND: #CCCCCC; 
	WIDTH: 100px; 
	POSITION: absolute;
}

.ListCell {
	BACKGROUND: none;
	BORDER: none; 
	CURSOR: pointer; 
	TEXT-ALIGN: center; 
	FONT: 12 Arial; 
	COLOR: black; 
	PADDING: 0px; 
	WIDTH: 100%;
}

.ListOver {
	BACKGROUND: #BCFAFA;
}