/* MAP */
div.map-home {
	height: 302px !important;
	overflow: hidden;
	margin-top: 16px !important;
}

div.map-home div#map-canvas{
	width: 630px !important;
	height: 300px !important;
	overflow: hidden;
	position: relative;
}

div#derniersMediasPostes {
	clear: both;
	width: 610px;
	height: 246px;
	float: left;
}
#map-canvas {
	border: 1px solid #d3d3d5;
}

#publicite {
	float: right;
}
	body#page-insitu #publicite {
		margin-top: 10px !important;
	}
	body#page- #publicite {
		margin-top: 10px !important;
	}



/* culture en continu */

div#cultureEnContinu {
	position: absolute;
	top: 0;
	right: 0;
	width: 298px;
	height: 301px;
	z-index: 10;
}

div#cultureEnContinu h4{
	display: none;
}


div#cultureEnContinu a {
	color: #000;
	text-decoration: none;
}

div#cultureEnContinu ul li, div#evtConnexes ul li {
	height: 15px;
	overflow: hidden;
	padding: 4px 4px 0 26px;
	font-size: 11px;
}

li.type1 {
		background: transparent url("images/box/puce_rouge.png") 12px 5px no-repeat;
}
li.type2{
		background: transparent url("images/box/puce_verte.png") 12px 5px no-repeat;
}
li.type3 {
		background: transparent url("images/box/puce_marron.png") 12px 5px no-repeat;
}


p.more {
	background-color: #fff;
	border-top: 1px solid #d5d5d5;
	padding: 7px 10px !important;	
}

p.more a{
	text-decoration: underline;	
}


	div#cultureEnContinu p.more a, div#derniersMediasPostes p.more a, div#evtConnexes p.more a {
		color: #d62d18 !important;
		background: url("../images/icones/ico_more_rouge.png") center left no-repeat;
		padding-left: 20px;
		padding-top: 2px;
		text-decoration: underline;	
	}
	
	
	
div#cultureEnContinu li.blanc, div#evtConnexes ul li.blanc  {
	background-color: #fff;
}

	ul.today span {	
		color: #58b7dd;
		font-weight: bold;
		margin-right: 6px;
	}
	ul.before span {	
		color: #b6b6b6;
		font-weight: bold;
		margin-right: 6px;
	}
	ul.before {
		border-top: 1px solid #bfbfbf;
	}


	
/* derniers medias postés */	

div#derniersMediasPostes p.miniatures {
	margin: 0 0 0 2px;
	width: 300px !important;
	overflow: hidden;
	float: left;
}

div#derniersMediasPostes p.miniatures img{	
	margin: 5px !important;
	border: 1px solid #98aaae;
	padding: 1px;
}


div#derniersMediasPostes p.miniatures a span{	
		display: none;
}

div#derniersMediasPostes  div.player {
	float: right;
}


div#derniersMediasPostes p.more {
	background: none;
	border-top: none;
	padding: 4px 10px !important;
}
div#derniersMediasPostes p.more a{
	color: #000;
	text-decoration: underline;
}




	div#derniersMediasPostes p.miniatures a{
		color: #fff !important;
		text-decoration: none !important;
	}


	div#derniersMediasPostes p.miniatures a span.del{	
		position: absolute;
		display: block;
		background: #ff017d;
		right: 5px;
		top: 8px;
		width: 10px;
		text-align: center;
		height: 10px;
		z-index: 120;
	}
	div#derniersMediasPostes p.miniatures a span.edit{	
		position: absolute;
		display: block;
		background: #ff017d;
		right: 5px;
		bottom: 10px;
		width: 10px;
		text-align: center;
		height: 10px;
		z-index: 120;
	}
	
	
	div#derniersMediasPostes div.links {
		border-bottom: 1px solid #d8d8d8;
		background: #f2f2f2;
		display: block;
		width: 100%;
		position: relative;
		min-height: 20px;
		padding-top: 8px;
	}
	div#derniersMediasPostes div.links a{
		color: #d62d18;
		margin: 0 5px;
	}

/* box */




div.box {
	position: relative;
	border: 1px solid #d3d3d5;
	border-top: none;
	background: #f0f5fb;
	font-family: "Trebuchet MS";
}

	div.box h3 {
		color: #fff;
		background: #819dab url("images/box/box-title-bg.png") 0 0 repeat-x;
		font-size: 1.5em;
		padding: 3px 0 0 9px;
		height: 22px;
	}


	div#inscriptionRiwal.box {
		width: 298px;
		min-height: 248px;
		float: right;
		background: #fff;
		border-bottom: none;
	}
	div#inscriptionRiwal.box h3{
		background: #7aa530 url("images/box/box-title-bg-vert.png") 0 0 repeat-x;
	}
	
		div#inscriptionRiwal label {
			display: block;
			clear: both;
		}
		div#inscriptionRiwal label span {
			display: block;
			width: 80px;
			float: left;
			padding: 4px 0 0 10px;
		}
		div#inscriptionRiwal label input {
			display: block;
			float: left;
			padding: 0 2px;
		}
		
		div#inscriptionRiwal input.input {
			border: 1px solid #999;
			font-size: 11px;
			padding: 2px;
		}	
		
		
		div#inscriptionRiwal input.input.email {
			border: none;
			font-size: 11px;
			padding: 3px;
			width: 185px;
			margin-left: 12px;
			margin-top: 0px;
			background: transparent url(/images/icones/bg_champ_login.jpg) center left no-repeat;
		}	
		div#inscriptionRiwal input.input.mdp {
			border: none;
			font-size: 11px;
			padding: 3px;
			width: 162px;
			margin-left: 34px;
			margin-top: 0px;
			background: transparent url(/images/icones/bg_champ_pass.jpg) center left no-repeat;
		}	
		
		
		div#inscriptionRiwal a {
			color: #54790f;
			margin: 10px;
			clear: both;
		}
		div#inscriptionRiwal p.avantages {
			margin: 10px 0 0 2px;
		}	
		div#inscriptionRiwal p.avantages span{
			display: block;
			background: transparent url("images/box/puce_verte.png") 0px 2px no-repeat;
			text-indent: 10px;
			color: #54790f;
			line-height: 16px;
		}		
		
	
		div#inscriptionRiwal span.tl {
			top: 0;
			left: -1px;
			background: transparent url("images/box/box-tl-vert.png") top left no-repeat !important;
		}	
		div#inscriptionRiwal span.tr{
			top: 0;
			right: -1px;
			background: transparent url("images/box/box-tr-vert.png") top right no-repeat !important;
		}			
	


		
		
		.calendar {
			/** configure the width **/
			width:240px;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 12px;
			margin:0px;
			padding:0px;
			text-align:center;
			margin: 10px 0 0 3px;
		}
		.calendar th {
			color: #fff;
			font-weight: normal;
			font-size: 9px;
			height: 16px;
			overflow: hidden;
			text-align: center;
		}
		.calendar .header {
			font-weight: bold;
			height: 18px;
			font-size: 12px;
			color: #FFFFFF;
		}
		.calendar .footer {
			font-weight: bold;
			font-size:0.8em;
			color: #FFFFFF;
			width:100%;
			height: 100px;
		}
		.calendar tr {
			max-height: 16px;
			overflow: hidden;
		}
		.calendar td {
			overflow: hidden;
			text-align: center;
			color: #fff;
			font-size:0.9em;
		}
		.calendar td div{
			background: transparent url("/images/icones/bg_filters.png") 0 0 repeat;
			width: 34px;
			height: 13px;
			padding-top: 2px;
			margin: 1px 1px 0 0;
		}
		.calendar .today {
			background: transparent url("/images/icones/bg_this_day.png") 0 0 repeat;
			color: #000;
			font-weight: bold;
			cursor: pointer;
		}
		
		
		.calendar .current {
			background: transparent url("/images/icones/bg_select_day.png") 0 0 repeat;
		}
		.calendar .link {
			cursor: pointer;
		}
		
		.calendar a, .calendar a:link, .calendar a:hover {
			font-weight: bold;
			text-decoration: underline;
			color: #000000;
		
		}
		.calendar a.headerNav, .calendar a:link.headerNav, .calendar a:hover.headerNav {
			color: #ffffff;
		}
		
		.calendar a.footerNav, .calendar a:link.footerNav, .calendar a:hover.footerNav {
			color: #ffffff;
		}



	div#monAgenda.box {
		width: 298px;
		max-height: 248px;
		float: right;
		margin-right: 3px;
		background: #444;
	}
	
	
	div#monAgenda .calendar td div{
		width: 40px;
		height: 16px;
		padding-top: 6px;
	}
	div#monAgenda .calendar{
		padding-left: 2px;
	}
	div#monAgenda h3{
		display: none;
	}
	
	.calendar div.ladate {
		width: 40px;
		float: left;
		margin: 10px !important;
		background: none;
		text-align: center;
	}
	.calendar div.ladate span.jour {
		color: #7f991f;
		font-size: 12px;
		font-weight: bold;
		display: block;
		width: 50px;		
	}
	.calendar div.ladate span.num {
		color: #fff;
		font-size: 48px;
		font-weight: bold;
		display: block;
		width: 50px;
		letter-spacing: -2px;
	}
	.calendar div.lesEvts {
		width: 150px !important;
		text-align: left;
		font-size: 11px;
		margin: 10px !important;
		padding-top: 20px !important;
		float: left;
		background: none;
	}
	div#monAgenda .calendar div.lesEvts {
		width: 200px !important;	
	}
	.calendar div.lesEvts a {
		display: block;
		color: #fff;
		padding-left: 10px;
		background: transparent url(/images/icones/ico_event_agenda.png) center left no-repeat;
	}


	
	/* coins arrondis */
	div.box span.tl, div.box span.tr, div.box span.bl, div.box span.br  {
		position: absolute;
		width: 4px;
		height: 4px;
		z-index: 10;
	}
	
		div.box span.tl {
			top: 0;
			left: -1px;
			background: transparent url("images/box/box-tl.png") top left no-repeat;
		}	
		div.box span.tr{
			top: 0;
			right: -1px;
			background: transparent url("images/box/box-tr.png") top right no-repeat;
		}	
		div.box span.bl {
			bottom: -1px;
			left: -1px;
			background: transparent url("images/box/box-bl.png") bottom left no-repeat;
		}	
		div.box span.br {
			bottom: -1px;
			right: -1px;
			background: transparent url("images/box/box-br.png") bottom right no-repeat;
		}	
		
	div.box p {
		padding: 4px;
	}
	
	
#nuage { 
margin: 0; 
padding: 2px; 
line-height: 2em; 
text-align: center; 
}

#nuage a { 
	padding: 0px; 
}

#nuage li { 
	display: inline; 
}	

#nuage a {
	text-decoration: none;
	color: #6f7374;
		}
#nuage a.level1 { 
	font-size: 0.8em; 
	font-weight: 100; 
}
#nuage a.level2 { 
	font-size: 1.2em; 
	font-weight: 200; 
}
#nuage a.level3 { 
	font-size: 1.5em; 
	font-weight: 300; 
}
#nuage a.level4 { 
	font-size: 1.8em; 
	font-weight: 400; 
}
#nuage a.level5 { 
	font-size: 2em; 
	font-weight: 500;
 }


		
		
/* Tooltips */
	
p.miniatures a {
	position: relative;
	z-index: 10;
	display: block;
	width: 74px;
	float: left;
	z-index: 10;
}

.tool-tip {
	background: #000;
	color: #ffcc00;
	padding: 5px 0;
	background: transparent url("images/infobulle-bg.png") top left no-repeat;
	height: 27px;
	width: 156px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

.toolTipMedias {
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 20;
	-moz-opacity: 1;
	border: none !important;
}
.toolTipMedias:hover {
	-moz-opacity: 0;
}