/* ------------------------------------------------------------------- */
/* Feuille de style des squelettes du site Broceliande pour SPIP  */
/* ----------------------------------------------------------------- */

.gris { color: #999; }
.tooltip { display: none; }

/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */

/* Entete */

.header {
  background: #000 url(../img/entete-bg-v2.jpg) 50% 35px no-repeat;
  min-width: 974px;
}

.header-inside {
  position: relative;
  width: 974px;
  margin: 0 auto;
}

#nom-site {
  margin: 15px 0 0 0; 
  padding: 0;
  font-size: 15px;
  line-height: 1;
}

.skiplink { display: none; }

.topnav { height: 35px; }
.topnav .topnavl {
	position: absolute;
	top: 0;
	left: 0;
	height: 35px;
	white-space: nowrap;
	z-index: 1000;
}
.topnav .topnavr {
	position: absolute;
	top: 0;
	right: 0;
	height: 35px;
	white-space: nowrap;
	z-index: 1000;
}
.topnav ul.topmenu  {
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

li.topnavi {
	display: -moz-inline-stack;
    display: inline-block;
    line-height: 33px;
    padding: 0;
    margin: 0;
    position: relative;
    vertical-align: top;
}
.ie6 li.topnavi, .ie7 li.topnavi { display: inline; zoom: 1; }

a.topnavlink {
	display: block;
	color : #ccc !important;
	text-decoration: none !important;
	cursor: pointer;
}

a.topnavlink:hover, a.topnavlink:focus {
	background-color : #454545;
}

ul.topmenu li .btntop { display: block; border-top: 2px solid transparent; }
ul.topmenu li.on .btntop { border-top: 2px solid #f60; }
ul.topmenu li .labeltop {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    display: block;
    padding: 0 10px 0 25px;
    position: relative;
    z-index: 1000;
}
ul.topmenu li.on .labeltop { color: #fff; font-weight: bold; }

ul.topmenu li .labeltop .ui-icon { position: absolute; top: 50%; width: 16px; height: 16px; margin-top: -8px; background-image: url(../img/sprite20120126.png); background-repeat: no-repeat; }
ul.topmenu li .connect .ui-icon { left: 5px; background-position: -25px 0; }
ul.topmenu li .disconnect .ui-icon { left: 5px; background-position: 0 0; }
ul.topmenu li .disconnect:hover .ui-icon { left: 5px; background-position: 0 -25px; }
ul.topmenu li .inscrire .ui-icon { left: 5px; background-position: -50px 0; }
ul.topmenu li .rub1 .ui-icon { left: 5px; background-position: -75px 0; }
ul.topmenu li .rub3 .ui-icon { left: 5px; background-position: -125px 0; }
ul.topmenu li .rub9 .ui-icon { left: 5px; background-position: -100px 0; }
ul.topmenu li .rub47 .ui-icon { left: 5px; background-position: -150px 0; }
ul.topmenu li.on .connect .ui-icon { left: 5px; background-position: -25px -25px; }
ul.topmenu li.on .inscrire .ui-icon { left: 5px; background-position: -50px -25px; }
ul.topmenu li.on .rub1 .ui-icon { left: 5px; background-position: -75px -25px; }
ul.topmenu li.on .rub3 .ui-icon { left: 5px; background-position: -125px -25px; }
ul.topmenu li.on .rub9 .ui-icon { left: 5px; background-position: -100px -25px; }
ul.topmenu li.on .rub47 .ui-icon { left: 5px; background-position: -150px -25px; }


.nav { background: transparent url(../img/filet-f60-fff.png) bottom left repeat-x; }
	/*.page_accueil .nav { background-image: url(../img/filet-f60.png); }*/

#menu {
	width: 974px;
	height: 48px;
	margin: 0 auto;
	margin-top: 5px;
	overflow: hidden;
}

#menu ul {
	padding: 8px 0 0 0;
	margin: 0;
	list-style: none;
}

#menu ul li {
	float: left;
	position: relative;
	height: 35px;
	padding: 0 13px;
	background-color: #454545;
	margin: 0 0 0 5px;
	border-radius: 4px 4px 0 0;
	behavior: url(PIE.htc);
}
	#menu ul li.rub10 { background-color: #FFF; }
	#menu ul li.rub8 { float: right; }

#menu li a, #menu .rub8 a {
	text-decoration: none;
	color: #fff;
	font-size: 1.31em;
	line-height: 35px;
	letter-spacing: -0.3px;
}
	#menu li.rub10 a { color: #454545; }

#menu li a:hover, #menu li a:focus, #menu li a:active {
	color: #F60;
}

#menu li.on, #menu li.rub10.on {
	background: #F60 url(../img/menu-li-on.png) bottom center no-repeat;
	height: 39px;
}
	.ie6 #menu li.on, .ie6 #menu li.rub10.on, .ie7 #menu li.on, .ie7 #menu li.rub10.on { background-color: #F60; background-image: none; }

#menu li.on a {
	color: #fff;
}


/* Autres blocs */
.main { width: 974px; margin: 0 auto; text-align: left; }
.wrapper { clear: both; float: left; width: 654px; margin: 0 0 1em; /*overflow: hidden;*/ }
.content { padding-left: 5px; }
.aside { float: right; width: 300px; }
.extra { clear: both; width: 100%; margin: 0 auto 2em; }
.page_accueil .wrapper { float: right; width: 540px; padding: 0 30px 0; margin: 0 0 3em }
.page_accueil .aside { float: left; width: 354px; margin: 0 0 3em }
.page_login .wrapper, .page_inscription .wrapper { width: 600px; }
.page_login .aside, .page_inscription .aside { width: 335px; }
.rubrique_forfaits .wrapper { width: 570px; }
.rubrique_forfaits .aside { width: 360px; }

.intro {
	overflow: hidden;
}
.intro .descriptif-site {
	color: #888;
	font: italic 165%/150% Baskerville, "Times New Roman", Times, serif;
	/*text-shadow: 0 1px 1px rgba(0,0,0,.2);*/
	margin-left: 500px;
	padding: 5px;
} 
.intro .h2 { font-size: 1.74em; }
.intro .geo { float: left; margin-left: 10px; width: 450px; }

.footer {
	clear: both;
	width: 100%;
	min-width: 974px;
	margin: 0;
	padding: 3em 0;
	color: #FFF;
	background: #433F3C url(../img/texture-01.jpg) top left;
	border: 1px solid #f60;
	border-width: 4px 0 0;
}
.footer ul { list-style: none; }
	.footer-menu { margin: 0 auto; padding: 0; width: 974px; }
	.footer-menu li {
		position: relative;
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: top;
		margin: 0 30px 0 0;
		padding: 0;
		list-style-type: none;
		font-weight: bold;
		width: 245px;
	}
	.ie6 .footer-menu li, .ie7 .footer-menu li { display: inline; zoom: 1; }
	.footer-menu li.first { width: 210px; }
	.footer-menu li ul { margin: 0.5em 0 2em 0; padding: 0; }
	.footer-menu li ul li { display: block; padding: 0 0 0.4em 0; margin: 0; font-weight: normal; width: auto }
		.ie6 .footer-menu li ul li, .ie7 .footer-menu li ul li { display: block; }
	.footer-menu li ul li a { color: #ddd; text-decoration: none; }
	.footer-menu li ul li a:hover { text-decoration: underline; }

	.footer-menu ul.social li { padding: 5px 0; }	
	.footer-menu ul.social img { vertical-align: middle; margin: 0 5px 0 0; }
	.footer-menu li.copyright { width: 165px; margin: 0; text-align: center; color: #ddd; }
	.footer-menu li.copyright .spip_logos { display: block; margin: 0 auto; }
	.footer-menu li.copyright div { font-size: .75em; margin: 20px 0; }

/* Colonnes */
.grille2col { margin-bottom: 1em; padding-bottom: 5px; overflow: hidden; }
	.oldie .grille2col { zoom: 1; }

.grille2col .colonne { float: right; width: 48.5%; }

.grille2col div.first { float: left; }


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

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

/* Ajax */
.loading, .chargement { background: url(../img/spinner.gif) no-repeat right top; }

/* Ads / Pub */
.ads { width: 100%; color: #F60; text-align: center; padding: 0; margin: 0 auto 1.5em; background: #FFF url(../img/ads-trame.png); }

/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

#hierarchie { clear: both; margin: 1em 0 2em; font-size: 0.93em; }
#hierarchie { color: #F60; }
#hierarchie a { color: #999; }
#hierarchie a:hover { color: #F60; }

#pre-cartouche { margin: 0 0 5px; padding: 0 0 0.5em; border: 1px dotted #DDD; border-width: 0 0 1px; }

.maintitle { font-size: 1.97em; margin: 0 0 1em; padding: 0; color: #F60; font-family: "Trebuchet MS", serif; }
.shorttitle { color: #999; font-style: italic; }

.cartouche { margin-bottom: 2em; clear: both; /*overflow: hidden;*/ }
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
.cartouche .introduction { font: italic 155%/150% Baskerville, "Times New Roman", Times, serif; color: #888; /*overflow: hidden;*/ }
.cartouche .introduction strong { color: #630; font-weight: normal; }

.cartouche .geo { float: right; margin: 0 0 0 40px; }
.cartouche p { margin: 0.5em 0; padding: 0; }
.surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; }
.cartouche .surtitre { margin: 0 0 0.30em 0; }
.cartouche .soustitre { margin: 0.50em 0 0.3em 0; }
.surtitre em, .soustitre em { font-style: normal; }
.cartouche .titrecourt { color: #F60; }
.cartouche .traductions { font-size: 0.90em; }
.cartouche .logo { float: left; width: 180px; margin: 0 0 1em; font-size: 0.85em; }
.cartouche .logo dl, .cartouche .logo dt { margin: 0; }
/* événements et forfaits */
.cartouche .evenement, .cartouche .forfait { margin: 2em 0 0; overflow: hidden; }
.cartouche .evenement .presentation, .cartouche .forfait .presentation { margin: 0 0 0 210px; }
.cartouche .evenement p.description, .cartouche .forfait p.description { color: #666; }
.cartouche .evenement .wrap { overflow: hidden; padding: 0 0 20px 0; }
.cartouche .forfait .wrap { overflow: hidden; padding: 10px 0 0 0; }
.cartouche .meta { margin: 0 0 0 200px; }
.cartouche .adresse { display: block; font-size: 0.85em; }
.cartouche .lieu .button { margin-top: 10px; }
.cartouche .validite {
	font: bold 1.16em Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	padding: 5px 20px;
	color: #ddd;
	background-color: #333;
	background-image: url(../img/texture-01.jpg);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border-radius: 5px;
}
.oldie .cartouche .validite { box-shadow: 0 1px 2px #CDCDCD; behavior: url(PIE.htc); }
.cartouche .tarif {
	float: left;
	text-align: center;
	font: bold 1.82em Georgia, "Times New Roman", Times, serif;
	width: 190px;
	color: #f60;
	margin: 0;
}
.cartouche .tarif a { color: #f60; }
.cartouche .tarif del { font-size: 60%; }
.cartouche .tarif ins { color: inherit !important; }
.cartouche .tarif span span { font-size: 60%; display: block }
	.cartouche .evenement .tarif {
		float: none;
		font-size: 1.539em;
		text-align: left;
  		padding: 0 0 3px 30px;
  		background: transparent url(../img/icon-ticket.png) 0 0 no-repeat;
	}
	.cartouche .evenement .tarif span span { display: inline; }

/* Livres */
.livre { overflow: hidden; margin: 0 0 2em; }
.livre .logo { float: left; width: 200px; }
.livre .presentation { margin: 0 0 0 220px; }
.livre .description { line-height: 1.60em; margin: 3em 0 0; }
.livre .description p { margin: 0 0 1.6em; }
.livre .description .spip_documents { text-align: center; }

#share {
	margin: 0 0 2em;
	padding: 5px;
	clear: both;
	/*overflow: hidden;
	border: 1px dashed #CCC;
	border-width: 1px 0;*/
}
.share h2 { font-size: 1.3em; display: -moz-inline-stack; display: inline-block; vertical-align: top; padding: 0; margin: 0 30px 0 0; }
	.ie6 .share h2, .ie7 .share h2 { display: inline; zoom: 1; }
.share { padding: 2px 0 2px 30px; background: transparent url(../img/icon-thumb-up.png) no-repeat left top; }
.share .shareitem { display: -moz-inline-stack; display: inline-block; vertical-align: baseline; padding: 0 0 0 10px; }
	.ie6 .share .shareitem, .ie7 .share .shareitem { display: inline; zoom: 1; }
.share .shareitem.first { padding: 0 30px 0 0; }
.share .fblike iframe { vertical-align: baseline; }

.notation_note { overflow: hidden; }

.cartouche-info { margin: 0 0 0.3em; padding: 0 1em 0.2em; border: 1px dotted #DDD; border-width: 0 0 1px; }
.cartouche-info ul.mode-tabs { list-style: none; margin: 0; padding: 0; display: -moz-inline-stack; display: inline-block; vertical-align: middle; }
	.ie6 .cartouche-info ul.mode-tabs, .ie7 .cartouche-info ul.mode-tabs { display: inline; zoom: 1; }
.cartouche-info ul.mode-tabs li { display: -moz-inline-stack; display: inline-block; vertical-align: top; margin-left: 5px; }
	.ie6 .cartouche-info ul.mode-tabs li, .ie7 .cartouche-info ul.mode-tabs li { display: inline; zoom: 1; }
.cartouche-info .resultat { display: -moz-inline-stack; display: inline-block; vertical-align: top; color: #F60; margin-right: 2em; padding: 0.3em 0; }
	.ie6 .cartouche-info .resultat, .ie7 .cartouche-info .resultat { display: inline; zoom: 1; }
.cartouche-info .resultat strong { font-size: 1.1em; }
.cartouche-info .affichage { display: -moz-inline-stack; display: inline-block; vertical-align: top; margin-right: 1em; padding: 0.3em 0; }
	.ie6 .cartouche-info .affichage, .ie7 .cartouche-info .affichage { display: inline; zoom: 1; }
.cartouche-info .affichage span { display: -moz-inline-stack; display: inline-block; vertical-align: middle; font-size: 0.85em; color: #666; margin-right: 0.1em; }
	.ie6 .cartouche-info .affichage span, .ie7 .cartouche-info .affichage span { display: inline; zoom: 1; }
.cartouche-info .retour { display: -moz-inline-stack; display: inline-block; vertical-align: top; padding: 0.3em 0; }
	.ie6 .cartouche-info .retour, .ie7 .cartouche-info .retour { display: inline; zoom: 1; }

.meta { margin: 0 0 2em; }

.chapo { margin-bottom: 1.50em; line-height: 1.40em; font-size: 1.16em; font-weight: bold; color: #888; }
.chapo p { margin: 1em 0 0; padding: 0; }
.chapo strong { color: #000; }
.texte { line-height: 1.60em; margin: 0 0 2em 240px; }
.texte p { margin: 0 0 1.6em; }
.texte .spip_documents { text-align: center; }
.data {
	width: 200px;
	float: left;
	background: transparent url(../img/filet-E8E8E8-N.png) 100% 0 repeat-y;
	padding: 10px 20px 10px 0;
	margin: 0 0 2em 0;
}
.renseignements { margin-bottom: 2em; }
.renseignements h2.labelsanslien { margin-top: 0; }
.renseignements ul { list-style: none; margin-left: 0; padding-left: 0; }
.renseignements li { padding: 2px 0 2px 20px; }

.hyperlien { display: block; clear: both; margin: 0 0 2em 0; }
.ps, .notes { clear: both; margin-bottom: 2em; line-height: 1.40em; font-size: 0.90em; }
.ps { color: #999; border: 1px dashed #ccc; padding: 0 6px; border-radius: 3px; behavior: url(PIE.htc); }
.notes h2 {  color: #630; padding: 5px 0 3px 30px; background: url(../img/icon-light-bulb.png) left center no-repeat; }
.avertissement { color: #888; padding: 2px 0 2px 20px; background: url(../img/icon-exclamation.png) left center no-repeat; }

.published,.parution, .editeur { font-size: 0.93em; color: #999; }
.lien-offre { margin-top: 2em; }
.auteur, p.auteur { padding: 2px 0 2px 20px; background: url(../img/icon-quill.png) left center no-repeat; }
.redacteur { padding: 2px 0 2px 20px; background: url(../img/icon-script--pencil.png) left center no-repeat; }
.calendar { padding: 2px 0 2px 20px; background: url(../img/icon-calendar.png) left center no-repeat; }
.photos { padding: 2px 0 2px 30px; background: transparent url(../img/icon-camera.png) no-repeat left center; }
.adr { padding: 2px 0 2px 20px; background: url(../img/icon-home--pencil.png) left center no-repeat; }
.tel { padding: 2px 0 2px 20px; background: url(../img/icon-telephone.png) left center no-repeat; }
.mobile { background-image: url(../img/icon-mobile-phone.png); }
.fax { background-image: url(../img/icon-telephone-fax.png); }
.siteweb { padding: 2px 0 2px 20px;  background: url(../img/icon-globe--arrow.png) left center no-repeat; }
.email { padding: 2px 0 2px 20px; background: url(../img/icon-mail--arrow.png) left center no-repeat; }
.coeur { padding: 2px 20px 2px 0; background: url(../img/favoris-grey-add-16.png) right center no-repeat; } 

.h2 {
	font-size: 1.67em;
	font-family: Georgia, Times, serif;
	font-style: italic;
	font-weight: normal;
	color: #666;
	text-align: left;
	margin: 0 0 0.8em;
	padding: 0 0 6px 4px;
	border-bottom: 1px solid #CCC;
}

.lien-rubrique { font-style: italic; font-family: Georgia, Times, serif; text-align: right; }

.labelaveclien, .labelsanslien {
  color: #F60;
  font-family: Georgia, Times, serif;
  font-size: 1.465em;
  font-style: italic;
}

.labelaveclien a { color: #F60; }
.labelaveclien a:hover { color: #630; }

.commentaire {
	padding: 2px 0 2px 20px;
	background: transparent url(../img/icon-balloon-small.png) left center no-repeat;
}

/* Listes d'articles, de rubriques et extraits introductifs */
.itemlistarticle { clear: both; padding: 0 0.20em; margin-bottom: 2em; overflow: hidden; }
.itemlistarticle h2, .itemlistarticle h3 { margin: 0.30em 0; font-size: 1.5em; }
.itemlistarticle .spip_logos { float: right; clear: right; margin: 0 0 0 16px; }
.itemlistarticle .introduction { line-height: 1.60em; margin: 0.3em 225px 0 0; }
.itemlistarticle .meta { clear: both; font-size: .77em; color: #999; padding: 5px 0 10px; margin: 0; background: transparent url(../img/filet-E8E8E8.png) 0 100% repeat-x; overflow: hidden; }
.itemlistarticle .button { margin-left: 0.5em; }

.mosaicarticles { clear: both; margin: 0 auto 2em; }
.mosaicarticles .article, .mosaicarticles .rubrique {
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	width: 298px;
	margin: 11px;
	padding: 0;
	border: 1px solid #fff;
	background: #fff;
	border-radius: 0 0 5px 5px;
	box-shadow: 1px 1px 6px rgba(0,0,0,.4);
}
	.oldie .mosaicarticles .article, .oldie .mosaicarticles .rubrique { border: 1px solid #CCC; }
	.ie6 .mosaicarticles .article, .ie7 .mosaicarticles .article, .ie6 .mosaicarticles .rubrique, .ie7 .mosaicarticles .rubrique { display: inline; zoom: 1; }
.mosaicarticles .article:hover, .mosaicarticles .rubrique:hover { border-color: #454545; }
.mosaicarticles .article h2 { font-size: 1em; padding: 0 .75em; }
.mosaicarticles .article .description { font-size: 0.85em; padding: 0 .75em; margin: .5em 0; }
.mosaicarticles .article-footer, .mosaicarticles .rubrique-footer {
	font-style: italic;
	font-family: Georgia, Times, serif;
	text-align: right;
	padding: 0.60em 0.60em 0.4em;
	background-color: #fff;
	background-image: url(../img/pattern.png);
	border-radius: 0 0 5px 5px;
	behavior: url(PIE.htc);
}
.mosaicarticles .article-footer:hover a, .mosaicarticles .rubrique-footer:hover a { color: #f60; }
.mosaicarticles .rubrique h2 {
	margin: 0;
	padding:  5px 10px;
	background: #433F3C url(../img/texture-01.jpg) top left;
	border-bottom: 4px solid #ddd;
	color: #fff;
	text-shadow: 0 0 1px #000;
}
.mosaicarticles .rubrique h2 a { color: #ddd; }
.mosaicarticles .rubrique dl { padding: 0 .75em; }
.mosaicarticles .rubrique dd { font-size: 0.85em; margin: .5em 0; }


/* Listes de bons plans */
.bonsplans { margin-bottom: 2em; }

.itemlistbonplan {
	overflow: hidden;
	margin: 1em 0;
	padding: 0;
	background: #fff;
	border: 1px dashed #f60;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
	.oldie .itemlistbonplan { box-shadow: 0 1px 2px #CDCDCD; behavior: url(PIE.htc); }
.itemlistbonplan:hover { background: #ffc; }
.itemlistbonplan h3 {
	font-size: 1.31em;
	margin-top: 0;
	padding: 10px 10px 5px;
	background-color: #ffc;
	background-image: url(../img/pattern.png);
	border-radius: 3px 3px 0 0;
	behavior: url(PIE.htc);
}
.itemlistbonplan .description { padding: 10px; font-size: 0.93em; }
	.article_annonce .itemlistbonplan .description {
		overflow: hidden;
		width: 470px;
		padding-right: 5px;
		border: 1px dashed #f60;
		border-width: 0 1px 0 0;
	}
.itemlistbonplan .offre { padding: 10px 10px 0; border: 1px dashed #f60; border-width: 1px 0 0 0; overflow: hidden; }
	.article_annonce .itemlistbonplan .offre { float: right; width: 130px; padding: 10px 10px 5px 0; border: none; }
.itemlistbonplan .meta { clear: both; margin: 10px 0 0; padding: 0 10px 10px; text-align: center; font-size: .77em; color: #999; }
.itemlistbonplan .tarif {
	float: right;
	text-align: center;
	font: bold 1.7em Georgia, "Times New Roman", Times, serif;
	color: #f60;
	margin-top: 0;
}
.itemlistbonplan .tarif del { font-size: 60%; }
.itemlistbonplan .tarif ins { color: inherit !important; }
.itemlistbonplan .tarif span span { font-size: 60%; display: block }
.itemlistbonplan .validite { font: bold 1.16em Georgia, "Times New Roman", Times, serif; color: #999; } 

/* Listes de forfaits */
.itemlistforfait {
	clear: both;
	overflow: hidden;
	padding: 10px;
	margin-bottom: 2em; 
	background-color: #fff;
	background-image: url(../img/pattern.png);
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
	.oldie .itemlistforfait { box-shadow: 0 1px 2px #CDCDCD; behavior: url(PIE.htc); }
.itemlistforfait .spip_logos { float: left; clear: left; margin: 0 15px 0 0; }
.itemlistforfait h2 { margin: 0.30em 0; font-size: 1.5em; }
.itemlistforfait .description { overflow: hidden }
.itemlistforfait .validite {
	font: bold 1.16em Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	padding: 5px 20px;
	color: #ddd;
	background-color: #333;
	background-image: url(../img/texture-01.jpg);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border-radius: 5px;
}
	.oldie .itemlistforfait .validite { box-shadow: 0 1px 2px #CDCDCD; behavior: url(PIE.htc); }
.itemlistforfait .meta { clear: both; margin: 10px 0 0; padding: 0; text-align: center; font-size: .77em; color: #999; }
.itemlistforfait .offre { margin: 10px 0 0; padding: 10px 0; border: 1px dashed #ccc; border-width: 1px 0 0; overflow: hidden; }
.itemlistforfait .offre .tarif {
	float: right;
	text-align: center;
	font: bold 1.7em Georgia, "Times New Roman", Times, serif;
	width: 50%;
	color: #f60;
	margin: 0;
}
.itemlistforfait .tarif del { font-size: 60%; }
.itemlistforfait .tarif ins { color: inherit !important; }
.itemlistforfait .tarif span span { font-size: 60%; display: block }


/* carte geo */
.geo { margin: 0 auto 1em; text-align: center; }
.carte_gis { text-align: left; margin: 0 auto 1em; padding: 0; border: 5px solid #e2e2e2; }
.carte_gis .article-item { width: 200px; } 
.carte_gis .business-item { width: 290px; }
.carte_gis .business-item .col1 { float: left; width: 100px; margin: 0; }
.carte_gis .business-item .col2 { margin-left: 110px; }
.carte_gis .title { font-weight: bold; }
.carte_gis .business-item .title { font-size: 1.1em; margin-bottom: 5px;  }

.carte_gis .gis-bubble p { margin: 0 0 5px; font-size: .85em; }
.carte_gis .surtitre { font-size: .85em; margin: 0 0 0.30em 0; }
.carte_gis .art_lies { clear: both; padding-top: 4px; font-size: 0.93em; color: #999; }
.carte_gis .art_lies ul { margin: 0 0 0 20px; }
.carte_invisible { position: absolute; left: -10000px; }

.fullscreen-map .page { visibility: hidden; } 
.fullscreen-map .carte_gis { width: 100%; height: 100%; margin: 0; border: 0; }
.fullscreen-map .header { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 5; box-shadow: 0 2px 6px rgba(0,0,0,0.4); }


#carte { text-align: center; margin-bottom: 1em; }

/* Portfolio */
#documents_portfolio { clear: both; margin: 2em auto; text-align: center; padding-bottom: 1em; overflow: hidden;  }
#documents_portfolio .spip_logos {
	margin: 6px 3px 0 3px; border: 4px solid #DDD;
}
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { border-color: #630; }

#documents_joints .spip_logos { float: left; clear: left; margin: 0 16px 4px 0; }

/* Agenda, Dates, Evenements
--------------------------------*/
div.date {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: baseline;
	width: 77px;
	height: 90px;
	font-weight: bold;
	text-align: center;
	margin: 0 7px;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
	.oldie div.date { position: relative; box-shadow: 0 1px 2px #CDCDCD; behavior: url(PIE.htc); }
	.ie6 div.date, .ie7 div.date { display: inline; zoom: 1; }
div.dt_separateur {
	float: left;
	width: 190px;
	text-align: center;
  	background: transparent url(../img/dateSeparateur.png) 50% 50% no-repeat;
}

div.date span { display: block; }

div.date span.dt_nom_jour {
  background: #f60;
  height: 20px;
  line-height: 20px;
  color: #fff;
  font-variant: small-caps;
  font-size: 1.08em;
}
	div.date.depassee span.dt_nom_jour { background: #ccc; }

div.date span.dt_jour {
  font-size: 1.89em;
  height: 30px;
  line-height: 30px;
}
	div.date.depassee span.dt_jour { color: #ccc; }

div.date span.dt_mois, div.date span.dt_annee {
  font-size: 0.93em;
  height: 16px;
  line-height: 16px;
  color: #999;
}
	div.date.depassee span.dt_mois, div.date.depassee span.dt_annee { color: #ccc; }

.datefin { color: #999; margin: 3px 0; padding: 0 0 2px 25px; background: url(../img/icon-arrow-transition.png) 0 50% no-repeat; }
.datefin time { color: #f60; font-weight: bold;  }

.horaire {
  margin: 5px;
  padding: 2px 0 4px 30px;
  color: #999;
  background: transparent url(../img/icon-alarm-clock.png) 0 0 no-repeat;
}
	.evenement .horaire { color: #666; margin-left: 0; }

.horaire strong { color: #F60; font-size: 1.08em; }

.lieu {
  margin: 1em 0 0 0;
  padding: 5px 0 10px 30px;
  color: #999;
  background: transparent url(../img/icon-marker.png) 0 0 no-repeat;
}
	.evenement .lieu, .forfait .lieu { color: #666; }
	.forfait .lieu { margin: 0; }

.lieu-small { padding: 2px 0 2px 20px; background: url(../img/icon-marker-small.png) left center no-repeat; }

.evenement, .forfait {
	padding: 10px;
	background-color: #fff;
	background-image: url(../img/pattern.png);
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.oldie .evenement, .oldie .forfait { box-shadow: 0 1px 2px #CDCDCD; behavior: url(PIE.htc); }
.evenement.depasse, .forfait.depasse { background-image: url(../img/ads-trame.png); }

/* Habillage des commentaires
---------------------------------------------- */
.comments-list h2 { clear: both; background: transparent url(../img/icon-balloon.png) no-repeat left center; padding: 2px 0 2px 30px; margin-top: 2.50em; margin-bottom: 0.5em; }

.comments-ul { display: block; clear: both; margin: 0; padding: 0; }
.comments-ul { list-style: none; }
.comment-li { margin-top: 1.50em; }
.comment-li .comment-li { margin-top: 0; }
.comment-li .repondre { margin: 0; padding: 0.50em 0; text-align: right; font-weight: bold; }
.comment { position:relative; border-top: 1px solid #CCC; margin: 0; padding: 10px; background: #FFF; }
.comment-li.first .comment { border: none; }
.comment-li .comment-li .comment { border-top: 2px solid #F60; background: #FFF8D9 url(../img/curseurBas-f60-small.png) top center no-repeat; }
.comment-meta { border: 0; margin: 0; padding: 0 0 10px; }
.comment-meta img { float: left; margin: -8px 12px 5px 0; }
.comment-meta .reviewer {
	font: italic 155%/150% Baskerville, "Times New Roman", Times, serif;
	text-transform: capitalize;
	color: #630;
	margin-right: 30px;
}
.comment-meta abbr {
	font-size: 75%;
	line-height: 120%;
	text-transform: uppercase;
	color: #8c8c86;
}
.comment-content { overflow: hidden; padding: 0; }
.comment-texte { color: #333; font-size: 0.93em; line-height: 1.5em; }
.comment-texte p { padding: 0; margin: 0.2em 0 0.5em; } 

.comment .permalink {position:absolute;top:0;right:0;padding:5px 5px;font-size: 1.5em;text-align: right;text-decoration: none;line-height: 1;color: #F60;}
.comment .permalink:focus,
.comment .permalink:hover {color: #630;}
.comment .permalink.in-reply-to {display:none;}

.comment-form { margin-bottom: 2em; }
.comment-form h2 { clear: both; background: transparent url(../img/icon-balloon--plus.png) no-repeat left center; padding: 2px 0 2px 30px;  }

.titre { line-height: 160%; }
.titre sup { display: -moz-inline-stack; display: inline-block; vertical-align: top !important; margin: 0; padding: 0; line-height: 100%; font-size: 100%; }
	.ie6 .titre sup, .ie7 .titre sup { display: inline; zoom: 1; }
.titre sup a {
	background: transparent url(../img/icon-balloon-left.png) no-repeat left -3px;
    font: normal 15px/100% Georgia, "Times New Roman", Times, serif;
    text-align: center;
    width: 32px;
    height: 27px;
    display: block;
    margin: 0 0 0 4px;
    padding: 2px 0 0 0;
}
	.ie6 .titre sup a, .ie7 .titre sup a { line-height: 120%; }

/* Habillage des petitions
---------------------------------------------- */
#signatures { clear: both; margin: 0 0 2em 0; padding: 0; background: none; }
#signatures table { width: 100%; margin: 1em 0 0 0; }
#signatures thead { text-align: center; color: #555; }
#signatures td { padding: 0.50em; border: 2px solid #FEFEFE; vertical-align: top; }
#signatures td.signature-date { background: #E4F0F0; text-align: center; white-space: nowrap; }
#signatures td.signature-nom { background: #ECF4F4; text-align: center; }
#signatures td.signature-nom small { display: block; }
#signatures td.signature-message { background: #F4F8F8; }
#signatures .formulaire_recherche { margin: 1em 0; text-align: right; } /*Cf.: spip_formulaires.css*/
#signatures .formulaire_recherche input.text { width: 10em; text-align: left; } /*Cf.: spip_formulaires.css*/


/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

.features {
	list-style: none;
	margin: 0;
	overflow: hidden;
}
.features li { margin: 3px 0 2em; }
.features img { float: left; margin: -3px 0 0; }
.features p { margin: 0 0 0 68px; }
.features .titre { font-size: 1.231em; margin-bottom: 0.3em; }

.sous-menu { clear: both; margin-bottom: 1em; text-align: left; }
.sous-menu ul { list-style: none; margin: 0; padding: 0; }
.sous-menu ul li { display: -moz-inline-stack; display: inline-block; vertical-align: middle; font-size: 108%; margin: 0 0 0.6em; padding: 0; }
	.ie6 .sous-menu ul li, .ie7 .sous-menu ul li { display: inline; zoom: 1; }
.sous-menu ul li .button { padding-right: .5em; }
.sous-menu li span { padding: 0.15em 2em 0.15em 0; background: url(../img/icon-arrow-transition.png) right center no-repeat; }
.sous-menu li .on span { background-image: url(../img/icon-arrow-transition-270.png); }

/* Habillage general des menus de navigation */
.menu { clear: both; margin-bottom: 2em; text-align: left; overflow: hidden; }
.menu p { margin: 0.20em 0; padding: 0.20em 0.1em; }
.menu .pagination { margin-bottom: 1em; }
.menu ul { margin: 0; padding: 0 0 3px; list-style: none; background: transparent url(../img/filet-E8E8E8.png) 0 100% repeat-x; }
.menu ul li { margin: 0.20em 0; padding: 0.40em 0.30em; background: transparent url(../img/filet-E8E8E8.png) 0 0 repeat-x; overflow: hidden; }
.menu li .formulaire_jaime { float: right; }
.menu ul li.first { background: none; }
.menu ul li ul { margin-left: 1em; border: 0; }
.menu ul li li { padding: 0; border: 0; }

.menu .h2 { border: none; }

/* Pagination */
.pagination { clear: both; text-align: center; font-size: 0.90em; color: #666; }
.pagination a { background: #FFF; border: 1px solid #E8E8E8; padding: 2px 5px; }
.pagination a:focus,.pagination a:hover,.pagination a:active { background: #F60; color: #FFF; text-decoration: none; }
.pagination .on { font-weight: bold; color: #666; }
.pagination .compteur { display: block; padding-top: 0.5em; text-align: center; font-size: 1.08em; color: #999; }

/* Rubriques */
.rubriques ul { background: none; padding: 0 4px; font-size: 1.08em; }
.rubriques ul li {
	margin: 5px 0;
	padding-left: 20px;
	background-color: #fff;
	background-image: url(../img/pattern.png);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border-radius: 3px 75px 3px 30px / 3px 30px 3px 75px;
}
	.oldie .rubriques ul li { position: relative; box-shadow: 0 1px 2px #CDCDCD; behavior: url(PIE.htc);  }

.rubriques li p { font-size: .93em; } 
.rubriques li .spip_logos { position: relative; clear: left; float: left; margin-left: -60px; display: inline; }
.rubriques li.on { background-color: #F60; color: #FFF; }
.rubriques li.on a { color: #FFF; }
.rubriques li.on li a { color: #630; }
.rubriques li.on li a:hover { color: #F60; }
.rubriques li.on li.on a { color: #FFF; }
.rubriques ul li li { padding-left: 10px; background-color: #FFF; }
.rubriques ul li ul { font-size: 1em; }

/* Listes d'articles et extraits introductifs */
.articles ul li { clear: both; padding: 0.60em 0.20em 0.4em; }
.articles ul li h3 { margin: 0.30em 0; }
.articles ul li h3.plusgrand { font-size: 1.31em; }
.articles .spip_logos { float: right; clear: right; margin: 0; }
.articles ul li .introduction { margin: 0.30em 0; line-height: 1.40em; }
.articles ul li .meta { font-size: 0.77em; color: #999; margin: 1em 0; }
.articles ul li div.date { margin: 0; float: left; overflow: hidden;  }
.articles.events ul li div.description { margin: 0 120px 0 120px; }

/* Listes d'événements */
.evenements .calendar { font-weight: bold; color: #999; }

/* Listes de forfaits ou bons plans */
.bonsplans ul { margin: 0 0 0.5em; }
.bonsplans li { border: 1px solid #ddd; border-width: 4px 0 0; }
.bonsplans li:hover { background-color: #ffc; }
.bonsplans li:hover a { color: #f60 }
.bonsplans h3 { font-size: 1.16em; }
.bonsplans .spip_logos { float: left; clear: left; margin: 0 10px 0 0; }
.bonsplans li .tarif {
	float: right;
	width: 120px;
	padding: 0;
	margin-top: 0;
	text-align: center;
	font: bold 1.7em Georgia, "Times New Roman", Times, serif;
	color: #f60;
}
.bonsplans li .validite { clear: both; font-size: 0.77em; color: #999; text-align: center; }
.bonsplans .tarif del { font-size: 50%; }
.bonsplans .tarif ins { color: inherit !important; }
.bonsplans .tarif span span { font-size: 50%; display: block }
.bonsplans li div.description { overflow: hidden; }

/* Liste des livres */
.livres { margin: 0 0 3em; clear: both; text-align: center; }

.livres ul { margin: 0 0 0.5em; padding: 0; list-style: none; }
.livres ul li {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	width: 135px;
	margin: 10px;
	padding: 0;
	font-size: 0.85em;
	background : none;
}
	.menu.livres ul li { margin: 10px 5px; }  
	.ie6 .livres li, .ie7 .livres li { display: inline; zoom: 1; }
.livres li img {
	display: block;
	border: 1px solid #DDD;
	margin: 0 auto 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
	.oldie .livres li img { box-shadow: 0 1px 2px #CDCDCD; behavior: url(PIE.htc); }
.livres li .formulaire_jaime { margin: 5px auto 0; }
.livres li:hover a { color: #f60; }


/* labels */
.labels { padding: 0.5em 0 0; border: 1px dotted #DDD; border-width: 1px 0 0; }
.labels img { display: -moz-inline-stack; display: inline-block; vertical-align: middle; margin: 0 0.5em; }
	.ie6 .labels img, .ie7 .labels img { display: inline; zoom: 1; }

/* Onglets (tabs) */

ul.tabs {
    margin: 0;
    padding: 0 10px;
    overflow: hidden;
    margin-bottom: -1px;
    height: 2.25em;
}

ul.tabs li {
    float: left;
    list-style: none;
    margin: 0;
    padding: .25em .25em 0;
    height: 2em;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #FFF;
}
ul.tabs li.actif { z-index: 3; }

ul.tabs li a {
    float: left;
    height: 2em;
    line-height: 2em;
    border-radius: 3px 3px 0 0;
    background: #EEE;
    border: 1px solid #CCC;
    border-bottom: 0;
    padding: 0 10px;
    color: #000;
    text-decoration: none;
    behavior: url(PIE.htc);
}

ul.tabs li.actif a {
    background: #FFF;
    box-shadow: #CCC 0 0 .25em;
    behavior: url(PIE.htc);
}
ul.tabs li a:hover {
    background: linear-gradient(#CCC, #FFF 70%);
    -pie-background: linear-gradient(#CCC, #FFF 70%);
}

.mode-panes { margin-bottom: 2em; }
.pane { display: none; width: 615px; background-color: #FFF; padding: 15px; margin: 0 auto 2em; overflow: hidden; box-shadow: 1px 1px 4px rgba(0,0,0,.4); }
	.oldie .pane { box-shadow: 1px 1px 4px #999; behavior: url(PIE.htc); }
.pane {
	display: none;
	width: 615px;
    clear: left;
    position: relative;
    z-index: 2;
    padding: 15px;
    margin: 0 auto 2em;
    border: 1px solid #CCC;
    background: #FFF;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0 0 .25em rgba(0,0,0,.2);
}
	.oldie .pane { box-shadow: 0 0 .25em #CDCDCD; behavior: url(PIE.htc); }
.pane .chapo { margin-bottom: 0.2em; }
.pane-selection {
	clear: left;
    position: relative;
    z-index: 2;
    padding: 15px 0;
    margin: 0 auto 2em;
    border: 1px solid #CCC;
    background: #FFF;
    border-radius: 3px;
    box-shadow: 0 0 .25em rgba(0,0,0,.2);
}
	.oldie .pane-selection { box-shadow: 0 0 .25em #CDCDCD; behavior: url(PIE.htc); }
.pane-selection-footer {
	color: #ddd;
	margin: 20px 10px 10px;
	padding: 5px;
	text-align: center;
	background-color: #333;
	background-image: url(../img/texture-01.jpg);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border-radius: 5px;
}
	.oldie .pane-selection { box-shadow: 0 1px 2px #CDCDCD; behavior: url(PIE.htc); }
.pane-selection #bonsplans { padding: 0 10px; }

.tabs-hide {
    position: absolute;
    left: -10000px;
}
/* Listes en mosaiques */
.mosaique { clear: both; margin-bottom: 3em; }

.info p { margin: 0.20em 0; }
.info ul { list-style: none; margin: 0; padding: 0; }
.info li {
	margin: 0.4em 0;
}

ul.tarifs {
	width: 290px;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: right;
}

ul.tarifs li {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: bottom;
	width: 6.4em;
	min-height: 3.30em;
	padding: 2px 3px 0;
	background-color: #F60;
	color: #FFF;
	margin: 5px 5px 0 0;
	border: 1px solid #eee;
	text-align: center;
	box-shadow: 1px 1px 4px #666;
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	transform: rotate(-2deg);
}
	.ie6 ul.tarifs li, .ie7 ul.tarifs li { display: inline; zoom: 1; }

ul.tarifs span { display: block; font-size: 0.85em; }
ul.tarifs strong { font-size: 1.3em; }
ul.tarifs a { color: #fff; }

ul.mosaic {
	clear: both;
	margin: 0 auto 1em;
	padding: 0;
	list-style: none;
	width: 966px;
}
	.aside ul.mosaic { width: 300px; }
ul.mosaic li.annonce, ul.mosaic li.selection, ul.mosaic li.article, ul.mosaic li.evenement {
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #fff;
	background: #fff;
	box-shadow: 1px 1px 6px rgba(0,0,0,.4);
}
	.oldie ul.mosaic li.annonce, .oldie ul.mosaic li.selection, .oldie ul.mosaic li.article, .oldie ul.mosaic li.evenement { border: 1px solid #CCC; }
	.ie6 ul.mosaic li.annonce, .ie6 ul.mosaic li.selection, .ie6 ul.mosaic li.article, .ie6 ul.mosaic li.evenement,
	.ie7 ul.mosaic li.annonce, .ie7 ul.mosaic li.selection, .ie7 ul.mosaic li.article, .ie7 ul.mosaic li.evenement { display: inline; zoom: 1; }
ul.mosaic li.annonce:hover, ul.mosaic li.selection:hover, ul.mosaic li.article:hover, ul.mosaic li.evenement:hover { border-color: #454545; }
ul.mosaic li.annonce {
	width: 290px;
	height: 18.5em;
	margin: 11px;
	padding: 4px;
	border-radius: 5px;
}

ul.mosaic li.selection {
	width: 290px;
	/* height: 9em; */
	margin: 11px;
	padding: 4px;
	border-radius: 5px;
}
	.aside ul.mosaic li.selection { margin: 5px 0; }

li.selection .spip_logos { float: left; margin: 0 0.5em 0.5em 0; }

li.selection .info { overflow: hidden; }
li.selection .info strong { display: block; }
li.selection .info .formulaire_jaime { margin-top: 5px; }

ul.mosaic li.article, ul.mosaic li.evenement {
	width: 298px;
	margin: 11px;
	padding: 0;
	border-radius: 0 0 5px 5px;
}
ul.mosaic li.evenement dt { margin: 0; }
ul.mosaic li.evenement .spip_logos { float: right; margin: 0 0 5px 5px; }

ul.mosaic li .lien-rubrique {
	padding: 0.60em 0.60em 0.4em;
	background-color: #fff;
	background-image: url(../img/pattern.png);
	border-radius: 0 0 5px 5px;
	behavior: url(PIE.htc);
}
	ul.mosaic li .lien-rubrique:hover a { color: #f60; }
ul.mosaic li dl { padding: 0 .75em; }
ul.mosaic li dd { font-size: 0.85em; margin: .25em 0; overflow: hidden; }
ul.mosaic li.evenement dd.calendar { margin: 0.5em 0; font-size: 100%; font-weight: bold; }

ul.mosaic .formulaire_favori {
	position: absolute;
	width: 50px;
	bottom: 1px;
	right: 1px;
	text-align: right;
}
ul.mosaic .formulaire_favori .ajouter_favori img {height:25px;display: block;}
ul.mosaic .formulaire_favori .retirer_favori img {height:25px;display: block;}
ul.mosaic .formulaire_favori .ajouter_favori {width: 50px; background-position: bottom right;}
ul.mosaic .formulaire_favori .retirer_favori {width: 50px; background-position: bottom right;}

ul.mosaic .bouton_selection {
	position: absolute;
	float: right;
	width: 50px;
	bottom: 1px;
	right: 1px;
	text-align: right;
}
ul.mosaic .bouton_selection .btn_selection {
	display: block; 
	font-size: .85em;
	cursor: pointer;
	border:0;
	background: transparent url(../img/favoris-grey-remove-32.png) no-repeat bottom right;
	text-align:right;
	padding:2px 0;
}
ul.mosaic .bouton_selection .btn_selection img {visibility: hidden;width:32px;height:25px;display: block;}
ul.mosaic .bouton_selection .btn_selection span {visibility:hidden;display:block;padding-bottom:5px;width:50px;color: #000;}
ul.mosaic .bouton_selection .btn_selection:hover {background-image: url(../img/favoris-remove-32.png);}
ul.mosaic .bouton_selection .btn_selection:hover span {visibility:visible;}

ul.mosaic li.annonce .info {
	position: absolute;
	width: 290px;
	bottom: 4px;
	left: 4px;	
	margin: 0;
}
ul.mosaic .info h2 { font-size: 1.3em; margin: 0; }

ul.mosaic li.annonce .etablt { clear: both; background: #FFF; padding: 5px 45px 0 5px; }

ul.mosaic li .chargement {
	position: absolute;
	top: 0;
	left: 50%;
	width: 290px;
	height: 50px;
	margin-left: -145px;
}

ul.mosaic .tarif {
	width: 974px;
	height: 62px;
	margin: 0 auto;
	margin-top: 5px;
	overflow: hidden;
}


ul.mosaic .desc {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 270px;
	height: 17.5em;
	padding: 0.5em 10px;
	border: 1px solid #eee;
	background: #fff;
	background: rgba(255, 255, 255, 0.9);
	line-height: 1.4em;
	overflow: auto;
	display: none;
}
	.ie7 ul.mosaic .desc, .ie8 ul.mosaic .desc { background: transparent url(../img/fd-blanc-trans.png); }
	ul.mosaic .desc strong { color: #630 }
	ul.mosaic .desc h3 { display: none; width: 180px; height: 80px; font-size:1em; }
	ul.mosaic .desc .more { clear: both; margin: 10px; text-align: center; }

ul.mosaic .close {
	background-image: url(../img/close.png);
	position:  absolute;
	right: -15px;
	top: -15px;
	cursor: pointer;
	height: 35px;
	width: 35px;
}


ul.mosaic .ui-toggle-buttons {
	position: absolute;
	top: 0;
	left: 50%;
	width: 220px;
	background: #fff;
	background: rgba(255, 255, 255, 0.9);
	padding: 5px;
	text-align: center;
	margin-left: -115px;
	overflow: hidden;
}
	.ie7 ul.mosaic .ui-toggle-buttons, .ie8 ul.mosaic .ui-toggle-buttons { background: transparent url(../img/fd-blanc-trans.png); }
ul.mosaic .ui-toggle-buttons .button { margin: 5px; min-width: 120px; }

ul.mosaic .ui-toggle {
	position: absolute;
	bottom: -5px;
	left: -5px;
	width: 250px;
}
ul.mosaic li .bouton {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 24px;
	height: 24px;
	background-position: left center;
}

/* page d'accueil */

#broceliande-billboard {
	position: relative;
	background: #433F3C url(../img/texture-01.jpg) top left;
	padding: 5px 0 10px 0;
	margin: 0 auto 1em;
	border-radius: 0 0 5px 5px;
	behavior: url(PIE.htc);
}
#broceliande-billboard h1 {
	font: italic 1.2em Georgia, "Times New Roman", Times, serif;
	color: #ddd;
	margin: 0;
	padding: 10px 10px 10px 15px;
}
#broceliande-billboard .bouton_carte { position: absolute; top: 10px; right: 15px; width: 300px; text-align: right; }
#broceliande-scroller { position: relative; }
#broceliande-scroller .scrollable {
	position: relative;
	width: 950px;
	height: 280px;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
	border: 4px solid #333;
}
#broceliande-scroller .items { width: 20000em; position: absolute; overflow: hidden; }
#broceliande-scroller div.item {
	position: relative;
	float: left;
	overflow: hidden;
	background: #fff;
	background-image: url(../img/pattern.png);
	width: 950px;
}
#broceliande-scroller .item .spip_documents { float: left; margin: 0; padding: 0; }
#broceliande-scroller .doc_legende { position: absolute; width: 250px; left: 30px; top: 0; background-color: rgba(51,51,51,.7); padding: 10px; color: #ddd; line-height: 1.6em; }
	.ie7 #broceliande-scroller .doc_legende, .ie8 #broceliande-scroller .doc_legende { background: transparent url(../img/fd-333-trans.png); }
#broceliande-scroller .doc_titre { font-size: 1.08em; font-weight: bold; }
#broceliande-scroller .doc_descriptif { padding-top: 1em; font-size: .93em; }
#broceliande-scroller .content { margin-left: 650px; padding: 10px; line-height: 1.60em;  }
#broceliande-scroller a.browse {
	background-image: url(../img/sprite20120126.png);
	background-repeat: no-repeat;
	display: block;
	width: 25px;
	height: 50px;
	cursor: pointer;
	position: absolute;
	top: 115px;
}
#broceliande-scroller a.right { background-position: -100px -50px; right: 12px;  }
#broceliande-scroller a.right:hover { background-position: -125px -50px;  }
#broceliande-scroller a.left { background-position: -50px -50px; left: 12px;  }
#broceliande-scroller a.left:hover { background-position: -75px -50px;  }
#broceliande-scroller a.disabled { visibility:hidden !important; }
#broceliande-scroller .navi { position:  absolute; bottom: 20px; right: 20px; width: 200px; height: 21px; text-align: right; overflow: hidden; }
	#broceliande-scroller .navi a {
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: top;
		width: 21px;
		height: 21px;
		margin: 0 3px;
		background: url(../img/sprite20120126.png) -150px -75px no-repeat;
		font-size: 1px;
	}
	.ie6 #broceliande-scroller .navi a, .ie7 #broceliande-scroller .navi a { display: inline; zoom: 1; }
	#broceliande-scroller .navi a:hover { background-position: -150px -50px; }
	#broceliande-scroller .navi a.active { background-position: -150px -50px; }

#agenda-scroller { position: relative; }
#agenda-scroller .scrollable {
	position: relative;
	width: 972px;
	height: 100px;
	padding: 10px 0;
	margin: 0 auto;
	overflow: hidden;
	color: #ddd;
	background: #433F3C url(../img/texture-01.jpg) top left;
	/*box-shadow: 0 1px 2px rgba(0,0,0,.2);*/
	border-radius: 5px;
	behavior: url(PIE.htc);
}
#agenda-scroller .items { width: 20000em; position: absolute; overflow: hidden; }
#agenda-scroller .items div.item { float: left; overflow: hidden; }
#agenda-scroller .event { float: left; position: relative; width: 300px; padding: 0 12px 0 0; margin-left: 12px; overflow: hidden; }
#agenda-scroller .event:hover { background: #333; }
#agenda-scroller .event .spip_logos { float: left; }
#agenda-scroller .event .content { margin-left: 110px; }
#agenda-scroller .event h3 { margin-top: 5px; font-size: 1em; }
#agenda-scroller .event h3 a { color: #ffc; }
#agenda-scroller .event .location { font-size: 0.85em; }
#agenda-scroller a.browse {
	background-image: url(../img/sprite20120126.png);
	background-repeat: no-repeat;
	display: block;
	width: 12px;
	height: 22px;
	cursor: pointer;
	position: absolute;
	top: 49px;
}
#agenda-scroller a.right { background-position: -25px -75px; right: 1px;  }
#agenda-scroller a.right:hover { background-position: -25px -50px;  }
#agenda-scroller a.left { background-position: 0 -75px; left: 1px;  }
#agenda-scroller a.left:hover { background-position: 0 -50px;  }
#agenda-scroller a.disabled { visibility:hidden !important; } 	

#agenda-scroller-footer { margin: 0 auto; padding: 7px 0 0; width: 900px; }

.supplement {
	width: 972px;
	border: 1px solid #ddd;
	border-width: 4px 0 0;
	background: #fff url(../img/pattern.png) repeat 0 0;
	padding: 2em 0 0;
}
.supplement .menu {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	width: 300px;
	padding: 0 10px;
}
	.ie6 .supplement .menu, .ie7 .supplement .menu { display: inline; zoom: 1; }

/* Post-it annuaire */
#post-it {
	position: relative;
	width: 290px;
	margin: 0 auto 1em;
}
#post-it h2 { width: 290px; height: 90px; padding: 0; margin: 0; background: url(../img/postit-Titre-Infos.png) no-repeat; text-indent: -9999px; overflow: hidden; }
#post-it .post-it-content { background: transparent url(../img/postit-Fond.png) no-repeat bottom left; padding: 0 5px 65px; }
#post-it h3 { margin: 0; padding: 0; }
#post-it .carte_gis { margin: 0.3em auto 1em; padding: 0; border: 5px solid #FFF; width: 250px; height: 200px }
#post-it .gps { padding: 2px 0 2px 20px; background: transparent url(../img/icon-geotag.png) no-repeat left center; margin: 0 1em 0.5em; }
#post-it .info { margin: 0 0 1em; padding: 0 1em; font-size: 0.93em; }

/* Liaisons annuaire */
.related { clear: both; margin-bottom: 2em; padding: 10px 0 0; border: 1px dotted #ddd; border-width: 1px 0 0; }
	.ie6 .related, .ie7 .related { zoom: 1; }
.related ul { margin: 0; padding: 0; list-style: none; font-size: 0; }
.related li { position: relative; display: -moz-inline-stack; display: inline-block; font-size: 12px; margin: 0.20em; padding: 0.4em 0.9em; background-color: #F60; border-radius: 15px; behavior: url(PIE.htc); }
 .ie6 .related li, .ie7 .related li { display: inline; zoom: 1; }
.related li:hover { background-color: #630;  }
.related li a, .related li a:hover { color: #fff; }

.related_small { margin-bottom: 2em; padding: 10px 0 0; border: 1px dotted #ddd; border-width: 1px 0 0; font-size: 0.77em; color: #f60; }
.related_small a { color: #999; }
.related_small a:hover { color: #333; }

/* Proximite annuaire */
.proximite ul {
	clear: both;
	margin: 0 auto 1em;
	list-style: none;
}
.proximite ul li { position: relative; clear: both; padding: 0.60em 0.40em 0.4em; overflow: hidden; }
.proximite ul li h3 { margin: 0.30em 0; }
.proximite ul li div.etablt { margin: 0 0 0 60px; }
.proximite .spip_logos { float: left; clear: left; margin: 0; }
.proximite .readit { position: absolute; left: 50%; bottom: 0; width: 250px; text-align: center; padding: 0; margin: 0 0 0.5em -125px; }

/* Listes de Bons Plans*/
#bonsplans { margin: 0 0 2em; text-align: center; }

#bonsplans ul { margin: 0 0 0.5em; padding: 0; list-style: none; }
#bonsplans li {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	width: 160px;
	min-height: 110px;
	margin: 5px;
	border: 1px dashed #f60;
	cursor: pointer;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
	.oldie #bonsplans li { box-shadow: 0 1px 2px #CDCDCD; behavior: url(PIE.htc); }
	.ie6 #bonsplans li, .ie7 #bonsplans li { display: inline; zoom: 1; }

#bonsplans li:hover { background: #ffc; }
#bonsplans li:hover > h3 a { color: #f60 }
#bonsplans li:active {
	position: relative;
	top: 1px;
}
#bonsplans li h3 {
	margin-top: 0;
	padding: 10px 10px 5px;
	background-color: #ffc;
	background-image: url(../img/pattern.png);
	border-radius: 3px 3px 0 0;
	behavior: url(PIE.htc);
}
#bonsplans li .tarif {
	padding: 0 10px;
	font: bold 1.7em Georgia, "Times New Roman", Times, serif;
	color: #f60;
	margin-top: 0;
}
#bonsplans .tarif del { font-size: 50%; }
#bonsplans .tarif ins { color: inherit !important; }
#bonsplans .tarif span span { font-size: 50%; display: block }
#bonsplans li .validite { font-size: 0.77em; color: #999; padding: 0 10px 5px; }

/* Livres */
#livres {
	clear: both;
	margin: 0 auto 1em;
	padding: 0;
	width: 966px;
}
#livres .itemlistrubrique, #livres .itemlistlivre {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	width: 290px;
	margin: 10px;
	padding: 0;
	border: 1px solid #fff;
	background: #FFF;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
	.oldie #livres .itemlistrubrique, .oldie #livres .itemlistlivre { box-shadow: 0 1px 2px #CDCDCD; behavior: url(PIE.htc); }
	.ie6 #livres .itemlistrubrique, .ie6 #livres .itemlistlivre, .ie7 #livres .itemlistrubrique, .ie7 #livres .itemlistlivre, { display: inline; zoom: 1; }

#livres .itemlistrubrique h2 {
	margin: 0;
	padding:  5px 10px;
	background: #433F3C url(../img/texture-01.jpg) top left;
	border: 1px solid #433F3C;
	color: #fff;
	text-shadow: 0 0 1px #000;
}
#livres .itemlistrubrique h2 a { color: #ddd; }
#livres .itemlistrubrique img, #livres .itemlistlivre img {
	display: block;
	margin: 0 auto 5px;
	border: 1px solid #DDD;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
	.oldie #livres .itemlistrubrique img, .oldie #livres .itemlistlivre img { box-shadow: 0 1px 2px #CDCDCD; behavior: url(PIE.htc); }

#livres .description { padding: 20px 10px 10px; margin: 0; border: 1px solid #ddd; border-width: 0 1px 1px; }
#livres .itemlistlivre .description { border-width: 1px; }
#livres dt { margin: 0 0 5px; text-align: center; }
#livres .itemlistlivre dt { font-size: 1.4em; }
#livres dd { margin: 5px auto; font-size: 0.85em; }
#livres .itemlistrubrique .lien-rubrique {
	padding: 0.60em 0.60em 0.4em; background-color: #fff; background-image: url(../img/pattern.png);
}
#livres .button { font-size: 1.08em; }

/* Listes de Tags */
.tags { margin: 2em 0 2em; font-size: 0.93em; }
.tags ul { list-style: none; margin-left: 0; padding-left: 0; }
.tags li { margin-right: 0.5em; padding: 2px 0 2px 20px; background: transparent url(../img/icon-tag.png) no-repeat left center; }

/* calendar root element */
#calroot {
	z-index:10000;
	position: relative;
	margin-top:-1px;
	width:198px;
	padding:2px;
	background-color:#fff;
	font-size:11px;
	border:1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 0 15px #666;
	behavior: url(PIE.htc);
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {	
	padding:2px 0;
	height:22px;
} 

#caltitle {
	font-size:14px;
	color:#0150D1;	
	float:left;
	text-align:center;
	width:155px;
	line-height:20px;
	text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent url(../img/calendar-prev.gif) no-repeat scroll center center;
	float:left;
	cursor:pointer;
}

#calnext {
	background-image:url(../img/calendar-next.gif);
	float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
	visibility:hidden;	
}

/* year/month selector */
#caltitle select {
	font-size:10px;	
}

/* names of the days */
#caldays {
	height:14px;
	border-bottom:1px solid #ddd;
}

#caldays span {
	display:block;
	float:left;
	width:28px;
	text-align:center;
}

/* container for weeks */
#calweeks {
	background-color:#fff;
	margin-top:4px;
}

/* single week */
.calweek {
	clear:left;
	height:22px;
}

/* single day */
.calweek a {
	display:block;
	float:left;
	position: relative;
	width:27px;
	height:20px;
	text-decoration:none;
	font-size:11px;
	margin-left:1px;
	text-align:center;
	line-height:20px;
	color:#666;
	border-radius:3px;
	behavior: url(PIE.htc);
} 

/* different states */
.calweek a:hover, .calfocus {
	background-color:#ddd;
}

/* sunday */
a.calsun {
	color:red;		
}

/* offmonth day */
a.caloff {
	color:#ccc;		
}

a.caloff:hover {
	background-color:rgb(245, 245, 250);		
}


/* unselecteble day */
a.caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}

/* current day */
#calcurrent {
	background-color:#498CE2;
	color:#fff;
}

/* today */
#caltoday {
	background-color:#333;
	color:#fff;
}

/* date input trigger element */
.caltrigger {
    display:block;
    position: relative;
    width:30px;
    height:32px;
    float:left;
    background:url(../img/icon.jpg) no-repeat 0 0;
    margin-top:-2px;
    border-radius:3px;
    behavior: url(PIE.htc);
}

.active .caltrigger {
    background-position: 0 -32px;       
}