/*  **************************************************** */
/*				fiche evenement				     */
/* ***************************************************** */

div.col-droite {
	width: 300px;
	float: right;
}
div.col-gauche {
	width: 600px;
	float: left;
}

/*  **************************************************** */
/*				fiche evenement				     */
/* ***************************************************** */

div.col-droite {
	width: 300px;
	float: right;
}
div.col-gauche {
	width: 600px;
	float: left;
}


div#fiche-evenement {
	background: #fff;
}
div#fiche-evenement span{
	display: block;
	margin: 4px 0;
}
div#fiche-evenement hr {
	border: none;
	margin: none;
	padding: none;
}
div#fiche-evenement a {
	color: #00B0d8;
	text-decoration: none;
}
	div#fiche-evenement a:hover {
		text-decoration: underline;
	}
	
div#fiche-evenement div.img{
	width: 300px;
	height: 300px;
	float: left;
	overflow: hidden;
	background: #000;
	padding: 0 !important;
	margin-bottom: -5px;
	text-align: center;
}
	
	div#fiche-evenement div.img p{
		padding: 0 !important;
	}	
	div#fiche-evenement div.img p.moreInfo{
		background: transparent url("/images/icones/bg_overlay.png") 0 0 repeat;
		position: absolute;
		bottom: 0px;
		height: 44px;
		padding: 6px 10px !important;
		color: #fff;
		width: 280px;
		text-align: left;
	}
	p.infoLastMedias{
		background: transparent url("/images/icones/bg_overlay.png") 0 0 repeat;
		position: absolute;
		bottom: 0px;
		height: 44px;
		padding: 6px 10px !important;
		color: #fff;
		width: 276px;
		text-align: left;
	}
	p.infoLastMedias a{
		color: #00B0D8 !important;
		text-decoration: none;
	}

div#fiche-evenement div.infos{
	float: right;
	width: 296px;
	background: #fff;
}




div#fiche-evenement div.infos span{
	float: right;
	width: 190px;
}

  div#fiche-evenement div.img img{
	/*height: 280px;*/
		width: 300px;
	margin-bottom: 4px;
  }

div#fiche-evenement div.infos p {
	clear: both;
	padding: 2px;
}

	div#fiche-evenement div.infos p.resume {
		height: 146px;
		overflow: hidden;
		border-bottom: none;
	}

	div#fiche-evenement div.infos p.auteur {
		border-bottom: none;
		border-top: 1px solid #ccc;
		margin-top: 4px;
	}
	div#fiche-evenement div.infos p.auteur IMG  {
		width: 46px;
		height: 46px;
		border: 1px solid #97adb9;
		padding: 1px;
		float: left; 
		margin-right: 10px;
	}

	
	div#fiche-evenement div.nota{
		margin-left: 10px;
		margin-top: -2px;
	}
	
div#fiche-evenement div.infos p span.intitule {
	color: #ccc;
	width: 90px;
	float: left;
	height: 100%;
}

div.col-droite h3, div.col-gauche h3 {
	font-size: 1.5em;
	
}

div.col-droite {}
	
	div.col-droite  div#map-wrapper {
		width: 300px;
		height: 320px;
		overflow: hidden;
	}
	
	
	
	/* boites */

	div#itineraire {
		height: auto;
		width: 300px;
		margin: 10px 0 0 0;
		color: #999;
		background: #fff !important;
	}
	div#covoiturage {
		height: 250px;
		width: 300px;
		margin: 10px 0 10px 0;
		color: #999;
	}
	
	div#galerieMedias {
		height: 250px;
		width: 100%;
		margin: 10px 0 0 0;
		color: #999;
	}
	div#publicite {
		height: 250px;
		width: 300px;
		margin: 0 0 0 0;
	}
	
	
	div#evtConnexes {
		height: 250px;
		width: 100%;
		margin: 10px 0 0 0;
	}

	
	
	
	
	hr.clear {
		border: none;
		clear: both;
		height: 1px;
		background: none;
	}
	
	
	
	
	
/* ACCUEIL SORTIES */

	div.map-sorties, div.map-balades {
		height: 302px !important;
		overflow: hidden;
	}


	div#aNePasRater {
		width: 300px;
	}
	
	div#topEvent {
		width: 300px;
		margin: 10px 0 0 0;
	}

	div#derniersEvenements {
		width: 616px;
		margin: 0 0 0 0;
	}

	div#derniersEvenements div.blanc {
		background: #fff;
	}


	div.event {
		height: 80px;
		padding: 10px;
		position: relative;
	}
	
	div.event p strong{
		font-weight: bold;
	}	

	div.eventImg {
		height: 72px;
		width: 72px;
		background: #fff;
		border: 2px solid #a5bdc9;
		float: left;
		margin-right: 10px;
		display: block;
		overflow: hidden;
	}

	div.event IMG {
		padding: 1px;
		background: #fff;
		border: 2px solid #a5bdc9;
		float: left;
		margin-right: 10px;
	}
	div.eventImg a, div.eventImg span {
		height: 71px;
		width: 71px;
		display: block;
		overflow: hidden;
	}
	div.eventImg a IMG {
		max-height: 70px;
		padding: none;
		border: none;
		margin: none;
	}	
	div.eventImg span IMG {
		max-width: 70px;
		padding: none;
		border: none;	
	}
		
		div.event h4 {
			color: #1F190F;
			font-size: 18px;

		}
		
		div.event h4 a{
			color: #1F190F;
			font-size: 18px;
			text-decoration: none;
		}
		div.event p {
			font-size: 11px;
		}
		div.event p.infos {
			color: #1F190F;
		}
		div.event p.infos a, div.event p.actions a {
			color: #cf2f1b;
		}
		
			/* variantes */
			  body#page-sorties-evenements div.event p.infos a, div.event p.actions a {
				color: #cf2f1b;
			  }	
			  body#page-balades-excursions div.event p.infos a, body#page-balades-excursions div.event p.actions a {
				color: #8aa424;
			  }
			  body#page-musees-monuments div.event p.infos a, body#page-musees-monuments div.event p.actions a {
				color: #794525;
			  }
			  
			  
		div.event p.infos span {
			color: #aaa;
		}
		div.event p.desc {
			color: #515151;
			padding: 5px 0;
			line-height: 14px;
			margin-top: 2px;
			border-top: 1px solid #d5D5D5;
		}
		div.event p.actions {
			position: absolute;
			bottom: 12px;
			right: 12px;
			text-align: right;
		}
		
	
	div.event p.actions a.details {	
		background: url("../images/icones/ico_plus_details.png") left 2px no-repeat;
		padding: 5px 0 4px 19px;
	}	
	div.event p.actions a.localiser {	
		background: url("../images/icones/ico_localiser.png") 0 0 no-repeat;
		margin-right: 8px;
		padding: 5px 0 4px 15px;
	}

			/* variantes */
			  
			  body#page-sorties-evenements div.event p.actions a.localiser {
				background: url("../images/icones/ico_localiser_rouge.png") 0 0 no-repeat;
			  }
			  body#page-sorties-evenements div.event p.actions a.details {	
				background: url("../images/icones/ico_plus_details_rouge.png") left 2px no-repeat;
			  }	
			  
			  body#page-balades-excursions div.event p.actions a.localiser {	
				background: url("../images/icones/ico_localiser_vert.png") 0 0 no-repeat;
			  }
			  body#page-balades-excursions div.event p.actions a.details {	
				background: url("../images/icones/ico_plus_details_vert.png") left 2px no-repeat;
			  }	
			  
			  body#page-musees-monuments div.event p.actions a.localiser {
				background: url("../images/icones/ico_localiser_marron.png") 0 0 no-repeat;
			  }
			  body#page-musees-monuments div.event p.actions a.details {	
				background: url("../images/icones/ico_plus_details_marron.png") left 2px no-repeat;
			  }	
			  
	
	div.numberOne p.desc {
		border: none;
		padding: 0;
	}
	div.numberOne h4 {
		margin-bottom: 4px;
	}
		
		


	div.numberOne h4 span.place {
		color: #515151;
		display: block;
		float: left;
		margin-right: 8px;
		width: 20px;
		text-decoration: none;
		text-align: center;
		color: #fff;
		font-size: 0.7em;
		padding: 3px 0;
		background: transparent url("/images/icones/ico_top1_marron.png") 2px 1px no-repeat;
	}

			/* variantes */
			  body#page-sorties-evenements div.numberOne h4 span.place {
				background: transparent url("/images/icones/ico_top1_rouge.png") 2px 1px no-repeat;
			  }	
			  body#page-balades-excursions div.numberOne h4 span.place {
				background: transparent url("/images/icones/ico_top1_vert.png") 2px 1px no-repeat;
			  }
			  body#page-musees-monuments div.numberOne h4 span.place {
				background: transparent url("/images/icones/ico_top1_marron.png") 2px 1px no-repeat;
			  }
			  
		


		
	div#topEvent ul li {
		height: 18px;
		padding-top: 4px;
		background: transparent url("/images/icones/ico_top2To10_marron.png") 10px 3px no-repeat;
		position: relative;		
	}
			/* variantes */
			  body#page-sorties-evenements div#topEvent ul li {
				background: transparent url("/images/icones/ico_top2To10_rouge.png") 10px 3px no-repeat;		
			  }	
			  body#page-balades-excursions div#topEvent ul li {
				background: transparent url("/images/icones/ico_top2To10_vert.png") 10px 3px no-repeat;		
			  }
			  body#page-musees-monuments div#topEvent ul li {
				background: transparent url("/images/icones/ico_top2To10_marron.png") 10px 3px no-repeat;		
			  }
			  
		

	div#topEvent ul li.blanc {
		background-color: #fff !important;
	}
	div#topEvent ul li a {
		color: #515151;
		margin-top: 4px;
		font-size: 10px;
		text-decoration: none;
	}
	div#topEvent ul li span.place {
		color: #515151;
		display: block;
		float: left;
		margin: 0 8px;
		width: 20px;
		text-decoration: none;
		text-align: center;
		color: #fff;
		font-size: 0.8em;
		padding: 2px 0;
	}

	div#derniersMediasPostes {
		margin: 10px 0 0 0 !important;
		width: 616px !important;
	}
	
	
	
	span.place {
	}



	p.bigStarsNota, span.bigStarsNota {
		width: 172px;
		display: block;
		text-align: right;
		height: 17px;
		float: left;
		margin-top: 4px;
		background: transparent url("/images/icones/ico_bigStars.png") 0 0 no-repeat;
	}
	p.desired {
			width: 103px;
			height: 11px;
			float: left;
			margin-top: 5px;
			background: transparent url("/images/icones/barre_progression.png") -103px 0 no-repeat;		
	}





	div#evtConnexes {
		height: auto;
	}
	
	div#evtConnexes div#apercuConnexes {
		width: 300px;
		height: 248px;
		position: absolute;
		top: 25px;
		right: 0;
		background: #fff;
		overflow: hidden;
	
	}
		div#evtConnexes div#apercuConnexes img {
			max-width: 300px;		
		}

		div#evtConnexes ul li {
			height: 16px;
			overflow: hidden;
			padding: 5px 4px 0 26px !important;
			font-size: 11px;
		}
		
		
		div#evtConnexes div.moreInfo{
			background: transparent url("/images/icones/bg_overlay.png") 0 0 repeat;
			position: absolute;
			bottom: 0px;
			height: 44px;
			padding: 6px 10px !important;
			color: #fff;
			width: 280px;
			text-align: left;
		}
		div#evtConnexes p.actions {
			position: absolute;
			bottom: 12px;
			right: 12px;
			text-align: right;
		}
		
	
		p.actions a.details {	
			background: url("../images/icones/ico_plus_details_rouge.png") left 4px no-repeat;
			padding: 5px 0 4px 19px;
			color: #d62d18;
		}		
	

	div.derniersMediasEvt {	
		height:auto !important;
		margin-bottom: 20px !important;
		max-width: 600px;
		min-height: 258px;
	}

	div.derniersMediasEvt p.miniatures {
		padding:0 !important;
	}




	div#itineraire IMG{
		float: left;
		margin: 2px 7px 5px 6px;
	
	}
	
	div#itineraire strong{
		display: block;
		font-weight: bold;
		color: #000;
		margin-top: 1px;
		padding: 4px 4px;
	}
	
	div#itineraire p.more {
		clear: both;
	}
	div#itineraire p span {
		display: block;
		padding: 3px 4px;
	}
	div#itineraire input#depart {
		background: transparent url("/images/icones/bg_recherche_itineraire.png") 0 0 no-repeat;
		border: none;
		width: 100%;
		color: #969696;
		padding-left: 10px;
		height: 20px;
	}
	div#itineraire span.btItinieraire {
		background: transparent url("/images/icones/bg_bt_itineraire.png") 0 0 no-repeat;
		height: 16px;
		margin: 0;
		padding: 0;
	}
	
	div#itineraire p.more {
		padding: 6px !important;
	}
	
	div#itineraire span.btItinieraire input{
		height: 20px;
		margin: 0;
		visibility: hidden;
		cursor: pointer;
	}
	div#itineraire form{
		padding: 0;
		margin: 0;
	}
	
	
	
	
	div#covoiturage div.voiture.blanc {
		background: white;
	}

	div#covoiturage div.voiture {
		height: 60px;
		padding: 10px 4px 0 4px;
		color: #000;
	}

	div#covoiturage div.voiture strong{
		padding: 0;
		margin: 0;
		font-weight: bold;
	}

	div#covoiturage div.eventImg {
		height: 41px;
		width: 41px;
		padding: 1px;
		margin-top: 4px;
	}

	div#covoiturage div.eventImg a, div#covoiturage div.eventImg span {
		height: 42px;
		width: 42px;
	}
	div#covoiturage div.eventImg a IMG {
		max-height: 41px;
	}	
	div#covoiturage div.eventImg span IMG {
		max-width: 41px;
	}
	
	
	
	
	
	
	
	li div.snota {
		position: absolute;
		right: 0;
		top: 6px;
		
	}
	
	
	div.nota, div.note {
		background: transparent url("/images/icones/bg_notation.png") 0 -100px no-repeat;
		height: 18px;
		overflow: hidden;
		width: 100px;
	}
	div.snota, div.snote {
		background: transparent url("/images/icones/bg_smallNotation.png") 0 -50px no-repeat;
		height: 9px;
		overflow: hidden;
		width: 50px;
	}
	div.nota a, div.note a{		border: none;	}
	
	div.eval1 {		background-position: 0px -20px;	}
	div.eval2 {		background-position: 0px -40px;	}
	div.eval3 {		background-position: 0px -60px;	}
	div.eval4 {		background-position: 0px -80px;	}
	div.eval5 {		background-position: 0px -100px;}

	div.snota.eval1 {		background-position: 0px -10px;	}
	div.snota.eval2 {		background-position: 0px -20px;	!important}
	div.snota.eval3 {		background-position: 0px -30px;	}
	div.snota.eval4 {		background-position: 0px -40px;	}
	div.snota.eval5 {		background-position: 0px -50px;}
	
	div.note:hover, div.eval0 {		background-position: 0px 0px;	}

	
	div.nota a span, div.note a span {
		visibility: hidden !important;
		text-indent: -3000px;
	}
	.nota1 , .nota2 , .nota3 , .nota4 , .nota5 {
		background: transparent url("/images/icones/bg_notation.png") 0 20px no-repeat;		
		height: 20px;
		display: block;
		float: left;
		color: #fff !important;
		border: none !important;
		
	}
	
	.nota1:hover , .nota2:hover , .nota3:hover , .nota4:hover , .nota5:hover {
		background-position: bottom left;
		height: 17px;
	}
	
	.nota1 {width: 18px; position: absolute;}
	.nota2 {width: 36px; position: absolute;}
	.nota3 {width: 54px; position: absolute;}
	.nota4 {width: 72px; position: absolute;}
	.nota5 {width: 90px; position: absolute;}

	/*	*/


div#fiche-evenement {
	background: #fff;
}
div#fiche-evenement span{
	display: block;
	margin: 4px 0;
}
div#fiche-evenement hr {
	border: none;
	margin: none;
	padding: none;
}
div#fiche-evenement a {
	color: #00B0d8;
	text-decoration: none;
}
	div#fiche-evenement a:hover {
		text-decoration: underline;
	}
	
div#fiche-evenement div.img{
	width: 300px;
	height: 300px;
	float: left;
	overflow: hidden;
	background: #000;
	padding: 0 !important;
	margin-bottom: -5px;
	text-align: center;
}
	
	div#fiche-evenement div.img p{
		padding: 0 !important;
	}	
	div#fiche-evenement div.img p.moreInfo{
		background: transparent url("/images/icones/bg_overlay.png") 0 0 repeat;
		position: absolute;
		bottom: 0px;
		height: 44px;
		padding: 6px 10px !important;
		color: #fff;
		width: 280px;
		text-align: left;
	}

div#fiche-evenement div.infos{
	float: right;
	width: 296px;
	background: #fff;
}




div#fiche-evenement div.infos span{
	float: right;
	width: 190px;
}

  div#fiche-evenement div.img img{
		width: 300px;
	margin-bottom: 4px;
  }

div#fiche-evenement div.infos p {
	clear: both;
	padding: 2px;
}

	div#fiche-evenement div.infos p.resume {
		height: 146px;
		overflow: hidden;
		border-bottom: none;
	}

	div#fiche-evenement div.infos p.auteur {
		border-bottom: none;
		border-top: 1px solid #ccc;
		margin-top: 4px;
	}
	div#fiche-evenement div.infos p.auteur IMG  {
		width: 46px;
		height: 46px;
		border: 1px solid #97adb9;
		padding: 1px;
		float: left; 
		margin-right: 10px;
	}

	
	div#fiche-evenement div.nota{
		margin-left: 10px;
		margin-top: -2px;
	}
	
div#fiche-evenement div.infos p span.intitule {
	color: #ccc;
	width: 90px;
	float: left;
	height: 100%;
}

div.col-droite h3, div.col-gauche h3 {
	font-size: 1.5em;
	
}

div.col-droite {}
	
	div.col-droite  div#map-wrapper {
		width: 300px;
		height: 320px;
		overflow: hidden;
	}
	
	
	

	div#itineraire {
		height: auto;
		width: 300px;
		margin: 10px 0 0 0;
		color: #999;
		background: #fff !important;
	}
	div#covoiturage {
		height: auto;
		width: 300px;
		margin: 10px 0 10px 0;
		color: #999;
	}
	
	div#galerieMedias {
		height: 250px;
		width: 100%;
		margin: 10px 0 0 0;
		color: #999;
	}
	div#publicite {
		height: 250px;
		width: 300px;
		margin: 0 0 0 0;
	}
	
	
	div#evtConnexes {
		height: 250px;
		width: 100%;
		margin: 10px 0 0 0;
	}

	
	
	
	
	hr.clear {
		border: none;
		clear: both;
		height: 1px;
		background: none;
	}
	
	
	
	
	

	div.map-sorties, div.map-balades {
		height: 302px !important;
		overflow: hidden;
	}


	div#aNePasRater {
		width: 300px;
	}
	
	div#topEvent {
		width: 300px;
		margin: 10px 0 0 0;
	}

	div#derniersEvenements {
		width: 616px;
		margin: 0 0 0 0;
	}

	div#derniersEvenements div.blanc {
		background: #fff;
	}


	div.event {
		height: 80px;
		padding: 10px;
		position: relative;
	}
	
	div.event p strong{
		font-weight: bold;
	}	

	div.eventImg {
		height: 72px;
		width: 72px;
		background: #fff;
		border: 2px solid #a5bdc9;
		float: left;
		margin-right: 10px;
		display: block;
		overflow: hidden;
	}

	div.event IMG {
		padding: 1px;
		background: #fff;
		border: 2px solid #a5bdc9;
		float: left;
		margin-right: 10px;
	}
	div.eventImg a, div.eventImg span {
		height: 71px;
		width: 71px;
		display: block;
		overflow: hidden;
	}
	div.eventImg a IMG {
		max-height: 70px;
		padding: none;
		border: none;
		margin: none;
	}	
	div.eventImg span IMG {
		max-width: 70px;
		padding: none;
		border: none;	
	}
		
		div.event h4 {
			color: #1F190F;
			font-size: 18px;

		}
		
		div.event h4 a{
			color: #1F190F;
			font-size: 18px;
			text-decoration: none;
		}
		div.event p {
			font-size: 11px;
		}
		div.event p.infos {
			color: #1F190F;
		}
		div.event p.infos a, div.event p.actions a {
			color: #cf2f1b;
		}
		
			  body#page-sorties-evenements div.event p.infos a, div.event p.actions a {
				color: #cf2f1b;
			  }	
			  body#page-balades-excursions div.event p.infos a, body#page-balades-excursions div.event p.actions a {
				color: #8aa424;
			  }
			  body#page-musees-monuments div.event p.infos a, body#page-musees-monuments div.event p.actions a {
				color: #794525;
			  }
			  
			  
		div.event p.infos span {
			color: #aaa;
		}
		div.event p.desc {
			color: #515151;
			padding: 5px 0;
			line-height: 14px;
			margin-top: 2px;
			border-top: 1px solid #d5D5D5;
		}
		div.event p.actions {
			position: absolute;
			bottom: 12px;
			right: 12px;
			text-align: right;
		}
		
	
	div.event p.actions a.details {	
		background: url("../images/icones/ico_plus_details.png") left 2px no-repeat;
		padding: 5px 0 4px 19px;
	}	
	div.event p.actions a.localiser {	
		background: url("../images/icones/ico_localiser.png") 0 0 no-repeat;
		margin-right: 8px;
		padding: 5px 0 4px 15px;
	}

			  
			  body#page-sorties-evenements div.event p.actions a.localiser {
				background: url("../images/icones/ico_localiser_rouge.png") 0 0 no-repeat;
			  }
			  body#page-sorties-evenements div.event p.actions a.details {	
				background: url("../images/icones/ico_plus_details_rouge.png") left 2px no-repeat;
			  }	
			  
			  body#page-balades-excursions div.event p.actions a.localiser {	
				background: url("../images/icones/ico_localiser_vert.png") 0 0 no-repeat;
			  }
			  body#page-balades-excursions div.event p.actions a.details {	
				background: url("../images/icones/ico_plus_details_vert.png") left 2px no-repeat;
			  }	
			  
			  body#page-musees-monuments div.event p.actions a.localiser {
				background: url("../images/icones/ico_localiser_marron.png") 0 0 no-repeat;
			  }
			  body#page-musees-monuments div.event p.actions a.details {	
				background: url("../images/icones/ico_plus_details_marron.png") left 2px no-repeat;
			  }	
			  
	
	div.numberOne p.desc {
		border: none;
		padding: 0;
	}
	div.numberOne h4 {
		margin-bottom: 4px;
	}
		
		


	div.numberOne h4 span.place {
		color: #515151;
		display: block;
		float: left;
		margin-right: 8px;
		width: 20px;
		text-decoration: none;
		text-align: center;
		color: #fff;
		font-size: 0.7em;
		padding: 3px 0;
		background: transparent url("/images/icones/ico_top1_marron.png") 2px 1px no-repeat;
	}

			  body#page-sorties-evenements div.numberOne h4 span.place {
				background: transparent url("/images/icones/ico_top1_rouge.png") 2px 1px no-repeat;
			  }	
			  body#page-balades-excursions div.numberOne h4 span.place {
				background: transparent url("/images/icones/ico_top1_vert.png") 2px 1px no-repeat;
			  }
			  body#page-musees-monuments div.numberOne h4 span.place {
				background: transparent url("/images/icones/ico_top1_marron.png") 2px 1px no-repeat;
			  }
			  
		


		
	div#topEvent ul li {
		height: 18px;
		padding-top: 4px;
		background: transparent url("/images/icones/ico_top2To10_marron.png") 10px 3px no-repeat;
		position: relative;		
	}
			  body#page-sorties-evenements div#topEvent ul li {
				background: transparent url("/images/icones/ico_top2To10_rouge.png") 10px 3px no-repeat;		
			  }	
			  body#page-balades-excursions div#topEvent ul li {
				background: transparent url("/images/icones/ico_top2To10_vert.png") 10px 3px no-repeat;		
			  }
			  body#page-musees-monuments div#topEvent ul li {
				background: transparent url("/images/icones/ico_top2To10_marron.png") 10px 3px no-repeat;		
			  }
			  
		

	div#topEvent ul li.blanc {
		background-color: #fff !important;
	}
	div#topEvent ul li a {
		color: #515151;
		margin-top: 4px;
		font-size: 10px;
		text-decoration: none;
	}
	div#topEvent ul li span.place {
		color: #515151;
		display: block;
		float: left;
		margin: 0 8px;
		width: 20px;
		text-decoration: none;
		text-align: center;
		color: #fff;
		font-size: 0.8em;
		padding: 2px 0;
	}

	div#derniersMediasPostes {
		margin: 10px 0 0 0 !important;
		width: 616px !important;
	}
	
	
	
	span.place {
	}



	p.bigStarsNota, span.bigStarsNota {
		width: 172px;
		display: block;
		text-align: right;
		height: 17px;
		float: left;
		margin-top: 4px;
		background: transparent url("/images/icones/ico_bigStars.png") 0 0 no-repeat;
	}
	p.desired {
			width: 103px;
			height: 11px;
			float: left;
			margin-top: 5px;
			background: transparent url("/images/icones/barre_progression.png") -103px 0 no-repeat;		
	}





	div#evtConnexes {
		height: auto;
	}
	
	div#evtConnexes div#apercuConnexes {
		width: 300px;
		height: 248px;
		position: absolute;
		top: 25px;
		right: 0;
		background: #fff;
		overflow: hidden;
	
	}
		div#evtConnexes div#apercuConnexes img {
			max-width: 300px;		
		}

		div#evtConnexes ul li {
			height: 16px;
			overflow: hidden;
			padding: 5px 4px 0 26px !important;
			font-size: 11px;
		}
		div#evtConnexes ul li a{
			color: #222;
			text-decoration: none;
		}
		
		
		div#evtConnexes div.moreInfo{
			background: transparent url("/images/icones/bg_overlay.png") 0 0 repeat;
			position: absolute;
			bottom: 0px;
			height: 44px;
			padding: 6px 10px !important;
			color: #fff;
			width: 280px;
			text-align: left;
		}
		div#evtConnexes p.actions {
			position: absolute;
			bottom: 12px;
			right: 12px;
			text-align: right;
		}
		
	
		p.actions a.details {	
			background: url("../images/icones/ico_plus_details_rouge.png") left 4px no-repeat;
			padding: 5px 0 4px 19px;
			color: #d62d18;
		}		
	

	div.derniersMediasEvt {	
		height:auto !important;
		margin-bottom: 20px !important;
		max-width: 600px;
		min-height: 258px;
	}

	div.derniersMediasEvt p.miniatures {
		padding:0 !important;
	}




	div#itineraire IMG{
		float: left;
		margin: 2px 7px 5px 6px;
	
	}
	
	div#itineraire strong{
		display: block;
		font-weight: bold;
		color: #000;
		margin-top: 1px;
		padding: 4px 4px;
	}
	
	div#itineraire p.more {
		clear: both;
	}
	div#itineraire p span {
		display: block;
		padding: 3px 4px;
	}
	div#itineraire input#depart {
		background: transparent url("/images/icones/bg_recherche_itineraire.png") 0 0 no-repeat;
		border: none;
		width: 100%;
		color: #969696;
		padding-left: 10px;
		height: 20px;
	}
	div#itineraire span.btItinieraire {
		background: transparent url("/images/icones/bg_bt_itineraire.png") 0 0 no-repeat;
		height: 16px;
		margin: 0;
		padding: 0;
	}
	
	div#itineraire p.more {
		padding: 6px !important;
	}
	
	div#itineraire span.btItinieraire input{
		height: 20px;
		margin: 0;
		visibility: hidden;
		cursor: pointer;
	}
	div#itineraire form{
		padding: 0;
		margin: 0;
	}
	
	
	
	
	div#covoiturage div.voiture.blanc {
		background: white;
	}

	div#covoiturage div.voiture {
		height: 58px;
		padding: 0 4px;
		padding-top: 12px;
	}
	div#covoiturage div.voiture p {
		padding: 0;
		line-height: 15px;
	}
	div#covoiturage div.eventImg {
		height: 41px;
		width: 41px;
		padding: 1px;
		margin-top: 0px;
	}

	div#covoiturage div.eventImg a, div#covoiturage div.eventImg span {
		height: 42px;
		width: 42px;
	}
	div#covoiturage a {
		color: #d62d18;
	}
	div#covoiturage div.eventImg a IMG {
		max-height: 41px;
	}	
	div#covoiturage div.eventImg span IMG {
		max-width: 41px;
	}
	
	
	
	
	
	
	
	li div.snota {
		position: absolute;
		right: 0;
		top: 6px;
		
	}
	
	
	div.nota, div.note {
		background: transparent url("/images/icones/bg_notation.png") 0 -100px no-repeat;
		height: 18px;
		overflow: hidden;
		width: 100px;
	}
	div.snota, div.snote {
		background: transparent url("/images/icones/bg_smallNotation.png") 0 -50px no-repeat;
		height: 9px;
		overflow: hidden;
		width: 50px;
	}
	div.nota a, div.note a{		border: none;	}
	
	div.eval1 {		background-position: 0px -20px;	}
	div.eval2 {		background-position: 0px -40px;	}
	div.eval3 {		background-position: 0px -60px;	}
	div.eval4 {		background-position: 0px -80px;	}
	div.eval5 {		background-position: 0px -100px;}

	div.snota.eval1 {		background-position: 0px -10px;	}
	div.snota.eval2 {		background-position: 0px -20px;	!important}
	div.snota.eval3 {		background-position: 0px -30px;	}
	div.snota.eval4 {		background-position: 0px -40px;	}
	div.snota.eval5 {		background-position: 0px -50px;}
	
	div.nota:hover, div.eval0 {		background-position: 0px 0px;	}

	
	div.nota a span, div.note a span {
		visibility: hidden !important;
		text-indent: -3000px;
	}
	.nota1 , .nota2 , .nota3 , .nota4 , .nota5 {
		background: transparent url("/images/icones/bg_notation.png") 0 20px no-repeat;		
		height: 20px;
		display: block;
		float: left;
		color: #fff !important;
		border: none !important;
		
	}
	
	.nota1:hover , .nota2:hover , .nota3:hover , .nota4:hover , .nota5:hover {
		background-position: bottom left;
		height: 17px;
	}	
	
	.nota1 {width: 18px; position: absolute;}
	.nota2 {width: 36px; position: absolute;}
	.nota3 {width: 54px; position: absolute;}
	.nota4 {width: 72px; position: absolute;}
	.nota5 {width: 90px; position: absolute;}



	
	
		div#derniersMediasPostes div.comment.blanc {
			background: #fff;
			padding: 10px;
		}
		
		div#derniersMediasPostes div.comment {
			padding: 10px;
		}
		
		div#derniersMediasPostes div#galcomments {
			margin: 0;
		}
		
		div#derniersMediasPostes div.comment p strong{
			font-weight: bold;
		}	
	
		div#derniersMediasPostes div.imgComment {
			height: 72px;
			width: 72px;
			background: #fff;
			border: 2px solid #a5bdc9;
			float: left;
			margin-right: 10px;
			display: block;
			overflow: hidden;
		}
	
		div#derniersMediasPostes div.comment IMG {
			padding: 1px;
			background: #fff;
			border: 2px solid #a5bdc9;
			float: left;
			margin-right: 10px;
		}
		div#derniersMediasPostes div.imgComment a, div#derniersMediasPostes div.imgComment span {
			height: 71px;
			width: 71px;
			display: block;
			overflow: hidden;
		}
		div#derniersMediasPostes div.imgComment a IMG {
			max-height: 70px;
			padding: none;
			border: none;
			margin: none;
		}	
		div#derniersMediasPostes div.imgComment span IMG {
			max-width: 70px;
			padding: none;
			border: none;	
		}
		
		div#derniersMediasPostes div.comment p.datecomment {
			color: #999; 
			border-bottom: 1px solid #ccc;
			font-size: 10px;
			padding: 0 0 4px 0;
		}
		div#derniersMediasPostes div.comment p.text {
			color: #222; 
			font-size: 11px;
			padding: 8px 0 4px 0;
		}
		div#derniersMediasPostes div.comment a {
			color: #cf2f1b;
		}
	
		ul#paging a{
			text-decoration: none;
		}
		
		
		div#cont_add_com textarea{
			border: 1px solid #ccc;
			width: 402px;
			height: 80px;
			margin-left: 60px;
			color: #666;
			padding: 4px;
		}
		div#cont_add_com input{
			clear: both;
			margin: 5px 0px 5px 400px;
		}
		div#cont_add_com p{
			padding: 10px 0 0 60px;
			color: #222;
		}

		div#derniersMediasPostes div#details p.mobiletag{
			width: 150px;
			padding: 10px;
			height: 150px;
			float: left;
		}
		div#derniersMediasPostes div#details p.texte{
			width: 450px;
			margin-top: -150px;
			padding: 10px 20px;
			float: right;
			color: #333;
		}
		
		

		div.membre div.eventImg a, div.membre div.eventImg span {
			height: 43px !important;
			width: 43px !important;
			display: block !important;
			overflow: hidden !important;
			padding:1px;
		}
		div.membre div.eventImg a IMG {
			max-height: 43px !important;
			padding: none !important;
			border: none !important;
			margin: none !important;
		}			
		
		div.membre div.eventImg {
			height: 43px !important;
			width: 43px !important;
			background: #fff !important;
			border: 2px solid #a5bdc9 !important;
			float: left !important;
			margin-right: 10px !important;
			display: block !important;
			overflow: hidden !important;
		}