/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #993300 url(images/bgsspage.gif) repeat-x;
	color: #543;
	font: normal 70% "Lucida Sans Unicode",sans-serif;
	}

img, table { margin: 0; padding: 0; border: 0; }
ul, ol, li { margin: 0; padding: 0; }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
* {
	margin: 0;
	padding: 0;
}
a {
	color: #963;
}
a:hover {
	color: #C60;
}
input {
	color: #555;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
h1 {
	font-size: 1.3em;
	margin-bottom: 0.1em;
}
code {
	background: #FFE;
	border: 1px solid #EED;
	border-left: 6px solid #938262;
	color: #554;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
blockquote {
	background: url(img/quote.gif) no-repeat;
	color: #666;
	display: block;
	font: normal 1.3em "Lucida Sans Unicode",serif;
	padding-left: 28px;
}
h1,h2,h3 {
	color: #654;
	padding-top: 0.1em;
}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	background: #CCCCCC url(images/bgcontainer.gif) repeat-y;
	margin: 0 auto;
	width: 780px;
}

#conteneur {     
	clear: both;
	padding: 0 10px 12px 28px;
}

#conteneur #contenu {
	padding-top: 12px;
	float: left;
	width: 69%;
}
#conteneur #contenu li {
	list-style:none;
	margin-left: 18px;
}
#conteneur #contenu .contre-encart li {
	list-style: url(images/li.gif);
}
#conteneur #contenu .encart li {
	list-style: url(images/li.gif);
}
#conteneur #contenu liste-article ul {
	list-style: url(images/li.gif);
}
#conteneur #navigation {
	float: right;
	width: 218px;
}
#conteneur #navigation h1 {
	background: #BCB39F url(img/sidenavh1.gif) repeat-x;
	border-bottom: 1px solid #999;
	border-top: 1px solid #CCC;
	color: #4A4A44;
	font-size: 1.2em;
	height: 22px;
	margin: 0;
	padding-left: 12px;
}
#conteneur #navigation ul {
	margin: 0;
	padding: 0;
	font-size: 1em;
}
#conteneur #navigation li {
	border-bottom: 1px solid #A98;
	border-top: 1px solid #DDC;
	list-style: none;
}
#conteneur #navigation li a {
	background: #CCC3AF;
	color: #554;
	display: block;
	padding: 8px 4px 8px 12px;
	text-decoration: none;
}
#conteneur #navigation li a:hover {
	background: #D6CCB9;
	color: #654;
}
/* Blocs du contenu (c-a-d. la colonne principale) */
#contenu .hors-encart {
	float: left;
	width: 100%;
	padding: 0em;
	/*border: 1px solid #CCC;*/
}

#contenu .contre-encart {
	float: left;
	width: 60%;
	border: 1px solid #CCC;
}

#contenu .encart {
	float: right;
	width: 40%;
	margin: 0;
	margin-bottom: 1em;
}

/* Entete */
#entete { 
	/*background: url(images/bgheader.gif) repeat-x;
	height: 120px;
	*/
	background: #F0F0F0 url(images/agence_hyeres_cherche_midi.gif) repeat-x;
	height: 80px;
	margin: 0 auto;
	width: 780px;
}
#entete #nom_site_spip, #entete a .spip_logos {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 2em; 
    padding: 0.1em 0 0.5em 1em;
    color:#BCB39F;
}
#entete a { text-decoration: none; }
#entete .formulaire_recherche { float: right; padding:1.5em;}

/* Fil d'Ariane */
#hierarchie {
	background: #FFF url(images/bgnavigation.gif) repeat-x;
	font: normal 11px Verdana,sans-serif;
	/* height: 44px; */
	height: 22px;
	margin: 0 auto;
	padding: 0 18px;
	width: 744px;
}

#hierarchie a {
	color: #543;
	text-decoration: none;
	padding: 3px 4px;
	margin-right: 12px;
	/* line-height: 44px; */
	line-height: 21px;
	/*border-bottom: solid 2px #ffE360;*/
}
#hierarchie a:hover {
	/* background: #fffff0; */
	color: #420;
	border-bottom: solid 2px #930;
}

.lien_outil {
	color: #543;
	text-decoration: none;
	padding: 3px 4px 0 1em;
	margin-right: 12px;
	line-height: 30px;
	width: 100%;
}
.lien_outil:hover {
	text-decoration: none;
	background: #fffff0;
	color: #420;
}


/* Pied de page */
#pied {
	background: #F8A700 url(images/bgfooter.gif) repeat-x;
	color: #FED;
	font-size: 1.1em;
	line-height: 30px;
	margin: 0 auto;
	text-align: center;
	width: 780px;
}
#pied a {
	color: #FFD;
	text-decoration: none;
}
#pied a:hover {
	color: #FFF;
	text-decoration: underline;
}
#pied small { font-size: 0.77em; }
#pied img { vertical-align: bottom; }

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 1px; font-size: 1px; overflow: hidden; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #navigation, .encart,.formulaire_spip {
	font-family: Verdana, "Bitstream Vera Sans", Tahoma, Arial, sans-serif; }

/* Typo pour le contenu */
#contenu {
	font-family: "Trebuchet MS", Helvetica, sans-serif; }

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, h3.spip {
	font-family: "Bitstream Vera Serif", Georgia, Times, serif; }


/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */

/*  Habillage general des menus de navigation
---------------------------------------------- */
.rubriques, .breves, .syndic, .forums, .divers {

}

.menu-titre {
	background: #BCB39F url(images/sidenavh1.gif) repeat-x;
	border-bottom: 1px solid #999;
	border-top: 1px solid #CCC;
	color: #4A4A44;
	font-size: 1.2em;
	height: 22px;
	margin: 0;
	padding-left: 12px;
}

.rubriques p, .breves p, .syndic p, .forums p, .divers p { margin: 0; padding: 0.2em 0.7em;  }
.rubriques ul, .breves ul, .syndic ul, .forums ul, .divers ul { 
	line-height: 1.2em;
	padding: 0 0; 
	}
.rubriques li, .breves li, .syndic li, .forums li, .divers li { 
	padding: 0 0; 
	line-height: 1.1em;
	}

/*  Des couleurs specifiques selon les types de menus
---------------------------------------------- */
.rubriques { }
.rubriques .menu-titre { }

.breves { }
.breves .menu-titre { }

.syndic {  }
.syndic .menu-titre { }

.forums {  }
.forums .menu-titre { }

.divers {  }
.divers .menu-titre { }

/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */

/*  Cartouche et titraille
---------------------------------------------- */
.cartouche { margin-bottom: 2em; }

.cartouche .titre {
	font-size: 1.27em;
	font-weight: bold;
	color: #000;
	text-transform: capitalize;
	}
.cartouche h2 {
	font-size: 1.1em;
	font-weight: normal;
	color: #000;
	text-transform: capitalize;
	}
#contenu .surtitre, #contenu .soustitre { font-size: 0.95em; }

.cartouche .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px; }

.cartouche p { margin: 0; padding: 0; clear: left; }
.cartouche small { font-size: 0.71em; }

.cartouche .traductions { font-size: 0.71em; }
.cartouche .traductions * { display: inline; }
.cartouche .traductions li { padding-left: 1em; }


/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {
	float: left;
	margin-bottom: 1.5em;
	font-size: 114%;
	font-weight: bold;
	line-height: 1.4em;
	}

.chapo img, .chapo a img {
	padding: 2px;
	border: 0;
}

.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	font-size: 0.82em;
	font-weight: bold; }

.texte { color: #000; font-size: 0.96em; }

.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
.ps { font-size: 0.82em; }
.notes { clear: both; font-size: 0.77em; }
.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }

/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
	/*border-top: 2px solid #CCC;*/
	}
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }

#document_actif { margin-top: 1em; }

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
#documents_joints li { margin-bottom: 0.4em; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}

/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles li { margin-bottom: 1em; }

.liste-articles li .titre {
	font-size: 1.03em;
	font-weight: bold; }

.liste-articles li .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px;
	clear: right; }

.liste-articles li p { margin: 0; padding: 0; }

.liste-articles li .enclosures {
	float: right;
	text-align: right;
	max-width: 60%;
	margin: 0; }

.liste-articles li small {
	display: block;
	font-size: 0.71em; }

.liste-articles li .texte {
	margin-top: 5px;
	margin-bottom: 2em;
	padding: 0.9em;
	font-size: 0.82em;
	line-height: 1.4em; }

.pagination { font-size: 0.90em; }

/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */

.page_plan #contenu h2 {
    clear: both;
	background: #BCB39F url(images/sidenavh1.gif) repeat-x;
	border-bottom: 1px solid #999;
	border-top: 1px solid #CCC;
	color: #4A4A44;
	font-size: 1.2em;
	height: 22px;
	margin: 0;
	padding-left: 12px;
        text-align: center;
        margin-bottom:1em;
	font-weight: bold;
}

.page_plan #contenu .contre-encart ul {
	display: block;
	clear: left;
	margin-left: 1em;
	margin-bottom: 1em;
	list-style: square; 
}
.page_plan #contenu .contre-encart li { list-style: inherit; }


/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }


/* specifiques */
.cheville {
	width: 760px;
	margin-bottom: 1.5em;
	margin-left: 10px;
	font-weight: bold;
	background: #FFCD26;
	text-align: center;
	}

#conteneur #contenu liste-bien ul {
	list-style: none;
}

/* rechercher dans nos biens */
.affaire, .affaire:hover{
 	text-decoration: none;
	}
.affaire:hover{
 	text-decoration: none;
	}
.resultbloc{
	width:480px;
	/*border: solid 1px #FCC;*/
	}
.titrerangee{
	position: relative;
	width:324px;
	/*border: solid 2px #CCC;*/
	}
/* biens par defaut et resultats */
.resultrangee{ 
	position: relative;
	width:480px;
	padding: 1em;
	background: #FFFAF0;
	/*border: solid 1px #CCC;*/
	}
.resultrangee:hover{
	position: relative;
	width:480px;
	padding: 1em;
	background: #FFFFFA;
	/*border: solid 1px #CCC;*/
	}

/* rub par defaut et resultats */
.surtitrelistmot{
	width:480px;
	padding: 0 1em 0 1em;
	width:auto;
	background: #FFE055;
	line-height: 22px;
	}

.resultbloc form img{
	 border: 0 ;
	/*border: solid 2px #FCC;*/
	}
.resultbien{
	background: #FFFCFA;
	/*border: solid 1px #FCC;*/
	/*border: solid 2px #CFC;*/
	}


.icone_bien{
	width:180px;
	height:120px;
	}
.titrage_bien{
	float: left;
	width:330px;
	height:64px;
	padding-left:6px;
	font-size: 12px;
	text-transform: capitalize;
	padding-bottom: 1em;
	/*border: solid 2px #C0F;*/
	}


/* Listes des biens et extraits introductifs
----------------------------------------------- */
.liste-biens li { 
	/*border: 10px solid #CCC;*/
	margin-bottom: 1em;
	}

.liste-biens li .titre {
	font-size: 1.03em;
	font-weight: bold; }

.liste-biens li .spip_logos {
	float: left;
	margin-left: 16px;
	margin-bottom: 16px;
	clear: left; }

.liste-biens li p { margin: 0; padding: 0; }

.liste-biens li .enclosures {
	float: right;
	text-align: right;
	max-width: 60%;
	margin: 0; }

.liste-biens li small {
	display: block;
	font-size: 0.71em; }

.liste-biens li .texte {
	margin-top: 5px;
	margin-bottom: 2em;
	font-size: 0.82em;
	line-height: 1.4em; }

#conteneur #contenu .liste-biens ul li {
	list-style: none;
	float: left;
	width: 490px;
}

#conteneur #contenu .liste-biens ul li img {
	margin-right: 1em;
}

.boutonlateral{
	
	}
.boutonlateral:hover{
	
	}

/*  Apercu
---------------------------------------------- */
#documents_apercu {
	clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
	float:right;
	/*border-top: 2px solid #CCC;*/
	}
#documents_apercu h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }

/* pfa cherche-midi */
#entete a .spip_logos {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 2em; 
    padding: 0 0 0 0;
    color:#BCB39F;
}


/* myLittleShow Sets */

#documents_slider {
	clear: both;
	padding-top: 2px;
	}

#mySlideShow {
	width: 340px !important;
	height: 220px !important;
	}

#myLittleShow1 {
	width: 320px !important;
	height: 220px !important;
	}
#myLittleShow2 {
	width: 320px !important;
	height: 220px !important;
	}
#myLittleShow3 {
	width: 320px !important;
	height: 220px !important;
	}
#myLittleShow4 {
	width: 320px !important;
	height: 220px !important;
	}







#myGallery, #myGallerySet, #flickrGallery{
	width: 500px;
	height: 390px;
	z-index:5;
	border: 1px solid #000;
	}

#myLittleShow {
	width: 498px;
	height: 344px;
	z-index:5;
	border: none;
	}

#myLittleShow1, #myLittleShow2 {
	width: 498px;
	height: 344px;
	z-index:5;
	border: none;
	}

#myLittleShow3, #myLittleShow4{
	width: 460px;
	height: 345px;
	z-index:5;
	border: 12px solid #000;
	}

#myLittleShow1, #myLittleShow2, #myLittleShow3, #myLittleShow4 {
	width: 500px;
	height: 334px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail, 
#myLittleShow img.thumbnail, 
#myLittleShow1 img.thumbnail, 
#myLittleShow2 img.thumbnail, 
#myLittleShow3 img.thumbnail, 
#myLittleShow4 img.thumbnail, 
#myLittleShow img.thumbnail, 
#myLittleShow1 img.thumbnail, 
#myLittleShow2 img.thumbnail, 
#myLittleShow3 img.thumbnail,
#myLittleShow4 img.thumbnail {
	display: none;
	}

#myLittleShow .slideInfoZone, #myLittleShow1 .slideInfoZone, #myLittleShow2 .slideInfoZone{
	background: #FC0;
	color: #441000;
	font-family: "Trebuchet MS", Helvetica, sans-serif; 
	font-weight: normal;
	font-size: 18px;
	height: 40px;
	}

#myLittleShow3 .slideInfoZone, #myLittleShow4 .slideInfoZone{
	background: #FC0;
	color: #441000;
	font-family: "Trebuchet MS", Helvetica, sans-serif; 
	font-weight: normal;
	font-size: 12px;
	height: 20px;
	}

/* paragraphe */
#myLittleShow .slideInfoZone p, #myLittleShow1 .slideInfoZone p, #myLittleShow2 .slideInfoZone p{
	background: #FC0;
	color: #441000;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	height: 40px;
	}

#myLittleShow3 .slideInfoZone p, #myLittleShow4 .slideInfoZone p{
	background: #FC0;
	color: #441000;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	height: 20px;
	}


.myLittleShow .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
	background: #333;
	background-position: center center;
	float: left;
	border: none;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}
.imageElement {
	color: #663300;
	font-size: 2.1em;
	}
.image_descriptif{
	font-size: 1.1em;
	}

.slide_titre{
	font-size: 1em;
	}
.noscreen{
	display: none
	}
#form-check{
	width: 200px;
	padding-left: 0.7em;
}

.apercu_fiche{
	width: 500px;
	height: 220px;
	margin-top:8px;
	padding:6px;
	}
.apercu_image{
	float:left;
	width: 240px;
	}
.apercu_description{
	padding-left:12px;
	float:left;
	width: 245px;
	}