/*
*
*	home.css
*
*/

/*
*** Mise en page contenu
*/
#page-container {
	position: relative;
	max-width: 1240px;
	min-width: 940px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	padding: 0 40px;
}

		#page-container .row {
			position: relative;
			max-width: 940px;
			min-width: 640px;
			padding-right: 300px;
		}
		
			#page-container .row .separator{
				border-right: 1px solid #e5e5e5;
				min-height: 520px;
			}

/*
*** Colonne d'affichage (content page)
*/
.clear-both {
	clear: both;
}

	/* Contenu */
	ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		border-top: 1px solid #e5e5e5;
	}
	
	/* Aucun événement disponible */
	.seek-sent {
		font-family: "Lucida Grande", Tahoma, Helvetica, Verdana, Arial, sans-serif;
		font-size: 13px;
		color: #4b4b4b;
		line-height: 16px;
		margin: 25px auto;
		padding: auto;
		text-align: center;
	}

/* Fond evenement fonction sur deux */
		ul.zebra li:nth-child(2n+1) {
			background-color: #F4F5F5;
		}
		
			ul.big-list li {
				position: relative;
				font-family: "Lucida Grande", Tahoma, Helvetica, Verdana, Arial, sans-serif;
				padding: 10px;
				margin: 0;
				text-transform: uppercase;
				overflow: auto;
			}
				
				.big-list .event-list .image-container {
					position: relative;
					width: 140px;
					min-height: 140px;
					float: left;
					overflow: hidden;
				}
				
					.event-list .image-container a {
						width: 140px;
						display: block;
						background-color: #000000;
					}
					
					a { 
						color: #2f353e;
						text-decoration: none;
						transition: color 0.1s ease 0s;
					}
					
						.event-list .image-container a img{
							width: 140px;
							height: 140px;
							display: block;
							border: none;
						}
				
				ul.big-list li.events .image-container .date {
					position: relative;
					font-family: "Lucida Grande", Tahoma, Helvetica, Verdana, Arial, sans-serif;
					font-size: 10px;
					font-weight: bold;
					color: #2f353e;
					width: 140px;
					min-width: 140px;
					margin: 0 0 5px 0;
					padding: 0;
					text-transform: uppercase;
				}
				
					ul.big-list li.events .image-container .date span{ text-transform: none;}
				
				ul.big-list li.events .image-container {
					position: relative;
					width: 140px;
					min-height: 140px;
					float: left;
					overflow: hidden;
				}
					
					ul.big-list li.events .image-container a {
						display: block;
						width: 140px;
					}
					
				ul.big-list li.events .image-container .controls {
					height: 27px;
				}
				
					
					button {
						background-color: #e45353;
						border: 0 none;
						color: #ffffff;
						cursor: pointer;
						font-family: "Tahoma";
						font-size: 12px;
						font-weight: bold;
						letter-spacing: 0.025em;
						outline: none;
						text-transform: uppercase;
					}
					
					ul.big-list li.events .image-container .controls button {
						position: relative;
						height: 25px;
						text-align: center;
						display: block;
						float: left;
						margin: 2px 0 0 0;
						padding: 4px 0;
					}
					
						ul.big-list li.events .image-container .controls button:hover{
							background-color: #b73936;
						}
					
					ul.big-list li.events .image-container .controls button#favori{
						width: 139px;
					}
					
					ul.big-list li.events .image-container .controls button#favori {
						border-radius: 0;
					}
					
					ul.big-list li.events .image-container .controls button.option {
						width: 27px;
						margin-left: 2px;
						padding: 0;
					}
					
						ul.big-list li.events .image-container .controls button span.symbol {
							position: relative;
							background-image: url('../picture/icon/more.png');
							background-repeat: no-repeat;
							background-position: center center;
							width: 10px;
							height: 10px;
							margin: 0;
							padding: 0;
						}
					
				
				ul.big-list li.events .details {
					width: 60%;
					padding-left: 15px;
					float: left;
					margin: 13px 0 0 0;
				}
					
					ul.big-list li.events .details a {
						text-decoration: none;
						text-transform: none;
					}
						ul.big-list li.events .details a.events-title {
							font-family: "Helvetica", Lucida Grande, Tahoma, Verdana, Arial, sans-serif;
							font-size: 24px;
							font-weight: bold !important;
							word-spacing: 2px;
							color: #e54744;
							margin: 0 0 3px 0;
							padding: 0;
							text-transform: uppercase;
							display: block;
						}
						
						ul.big-list li.events .details a.events-localisation {
							font-family: "Helvetica", Lucida Grande, Tahoma, Verdana, Arial, sans-serif;
							font-size: 14px;
							font-weight: bold !important;
							color: #2f353e;
							margin: 0;
							padding: 0;
							text-transform: uppercase;
							display: block;
						}
						
						ul.big-list li.events .details p {
							font-family: "Helvetica", Lucida Grande, Tahoma, Verdana, Arial, sans-serif;
							font-size: 13px;
							color: #2f353e;
							line-height: 18px;
							margin: 10px 0;
							padding: 0;
							display: block;
							max-height:55px;
							height: 55px;
							overflow: hidden;
						}
					
					ul.big-list li.events .details p {
						text-transform: none;
					}
					
						ul.big-list li.events .counter { 
							position: absolute;
							background-image: url('../picture/icon/users.png');
							background-repeat: no-repeat;
							margin: 0;
							padding: 0 0 0 25px;
							left: 165px;
							bottom: 13px;
						}
						
							ul.big-list li.events .counter span {
								font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
								font-size: 13px;
								font-weight: bold;
								color: #999999;
								text-transform: uppercase;
								text-align: right;
								margin: 0;
								padding: 0;
							}
							ul.big-list li.events .counter span a { 
								font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
								font-size: 13px;
								font-weight: bold;
								color: #999999;
								text-decoration: none;
								text-transform: uppercase;
								text-align: right;
								margin: 0;
								padding: 0;
							}
							
								ul.big-list li.events .counter a span {
									padding: 0 7px 0 0;
									margin: 0;
								}
				
				ul.big-list li.events .action {
					width: auto;
					float: right;
				}
				
					ul.big-list li.events .action .distance {
						font-family: "Helvetica", Tahoma, Verdana, Arial, sans-serif;
						font-size: 16px;
						font-weight: bold;
						color: #8e99a1;
						margin: 0;
						padding: 0;
						text-align: right;
						text-transform: none;
						display: block;
					}
					
					ul.big-list li.events .action .events-action { 
						position: relative;
						width: auto;
						height: auto;
						margin: 70px 0 20px 0;
						padding: 0;
						display: block;
						float: right;
					}
					
						ul.big-list li.events .action .events-action a { 
							position: relative;
							font-family: "Helvetica", Tahoma, Verdana, Arial, sans-serif;
							font-size: 11px;
							font-weight: bold;
							color: #ffffff;
							background-color: #D85454;
							margin: 0;
							padding: 7px 12px;
							border-radius: 5px;
							text-decoration: none;
							text-transform: none;
						}
                                                
                        ul.big-list li.events .action .events-action input { 
                            background-color: #D85454;
                            border: 0 none;
                            border-radius: 5px;
                            color: #ffffff;
                            cursor: pointer;
                            font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
                            font-size: 12px;
                            font-weight: bold;
                            text-align: center;
                            transition: box-shadow 0.2s ease 0s, background-color 0.2s ease 0s;
                            padding: 10px 18px;
                        }
						
							ul.big-list li.events .action .events-action input:hover { 
								background-color: #b73936;
							} 
	                                              
                            .counter span a .nombre{
                                    display: inline;
									float:left;
									padding-right: 5px;
                                }
                                                        
/* personnalisation de la colonne droite (formulaire envoie établissement) */

/* colonne droite base */
#form {
	position: relative;
	display: inline-block;
	min-width: 200px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#form .form-content {
	width: 280px;
	margin: 0;
	padding: 5px 10px;
}

/*
*** Colonne droite
*/
.right-col {
	position: absolute;
	right: 0;
	top: 0;
	width: 300px;
}	

/**************************/
#aside {
	font-family: "Lucida Grande", Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-size: 0.8em;
	color: #000000;
	margin: 0;
	padding: 0;
}

#aside table
{
margin-left:0;
}

#aside .buton2 {
	position: relative;
	background: url('../picture/bouton/sendButton.png')no-repeat;
	width: 92px;
	height: 34px;
	display: block;
	margin: 7px auto 0 auto;
	padding: 0;
	overflow: hidden;
}
	#aside .buton2  input {
		font-family: "Lucida Grande", Tahoma, Helvetica, Verdana, Arial, sans-serif;
		font-size: 13px;
		font-weight: bold;
		color: #ffffff;
		text-decoration: none;
		padding: 6px 15px 6px 16px;
		float: left;
		text-shadow: 1px 1px 0 #063558;
		background: transparent;
		border: none;
		cursor: pointer;
		outline: none;
	}
	
		#aside .buton2:focus, #aside .buton2:active {
			margin-top:5px;
		}

#aside table td
{
width:300px;
}

#aside h4 {
	font-family: "Lucida Grande", Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-size: 15px;
	color: #4b4b4b;
	font-weight: bold;
	text-align: center;
	margin: 10px 0 16px 0;
	padding: 0;
}

#aside p.classic2 {
	font-family: "Lucida Grande", Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #4b4b4b;
	text-align: center;
	line-height: 16px;
	margin: 16px 0 9px 0;
	padding: 0;
}

#aside input.classic3 {
	font-family: "Lucida Grande", Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #4b4b4b;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	width: 250px;
	margin: 0 20px;
	padding: 5px 0 5px 7px;
}

#aside textarea
{
	font-family: "Lucida Grande", Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #4b4b4b;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	width: 250px;
	max-width: 250px;
	min-width: 250px;
	max-height: 250px;
	min-height: 65px;
	margin: 0 20px;
	padding: 5px 0 5px 7px;

}

/* Bouton de partage Evenprest vers les réseaux sociaux*/
#share {
	border-top: 1px solid #E5E5E5;
	margin: 10px 0 0 0;
	padding: 0;
}

	#share h2{ 
		font-family: "Kozuka Gothic Pro M", Open Sans, Arial, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #2F353E;
		margin: 0;
		padding: 9px 0;
		text-transform: uppercase;
		letter-spacing: 0.095em;
	}
	
	#share p { 
		color: #4B4B4B;
		font-family: "Lucida Grande",Tahoma,Helvetica,Verdana,Arial,sans-serif;
		font-size: 11px;
		line-height: 16px;
		margin: 0;
		padding: 0;
		text-align: left;
	}
/* Personnalisation de boutons de partage */
.a2a_kit {
	width: 125px;
	height: auto;
	margin: 10px auto;
}

	.a2a_kit a{
		color: #5B6473;
		display: inline-block;
		font-family: "Open Sans",Arial,sans-serif;
		font-size: 12px;
		font-weight: normal;
		letter-spacing: 0.055em;
		line-height: 18px;
		margin: 8px auto;
		outline: medium none;
		padding: 0 0 0 9px;
		position: relative;
		text-decoration: none;
		text-transform: uppercase;
		width: 20px;
	}
	
		.a2a_kit a span{
			color: #5B6473;
			font-family: "Open Sans",Arial,sans-serif;
			font-size: 12px;
			font-weight: normal;
			letter-spacing: 0.055em;
			padding: 0 0 5px 0;
			line-height: 18px;
			position: relative;
			text-decoration: none;
			text-transform: uppercase;
			outline: none;
			display: block;
			margin: 0;
	}
@font-face {
	font-family: 'evenprest';
	src:url('fonts/evenprest.eot?epknfe');
	src:url('fonts/evenprest.eot?#iefixepknfe') format('embedded-opentype'),
		url('fonts/evenprest.woff?epknfe') format('woff'),
		url('fonts/evenprest.ttf?epknfe') format('truetype'),
		url('fonts/evenprest.svg?epknfe#evenprest') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'evenprest';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-pinterest:before {
	content: "\e600";
	font-family: 'evenprest';
	font-size: 20px;
	float:left;
	padding: 0 5px 0 0;
}
	.icon-pinterest:hover {
		color: #D85454;
	}
.icon-googleplus:before {
	content: "\e601";
	font-family: 'evenprest';
	font-size: 20px;
	float:left;
	padding: 0 5px 0 0;
}
	.icon-googleplus:hover {
		color: #D85454;
	}
.icon-facebook:before {
	content: "\e602";
	font-family: 'evenprest';
	font-size: 20px;
	float:left;
	padding: 0 5px 0 0;
}
	.icon-facebook:hover {
		color: #D85454;
	}
.icon-twitter:before {
	content: "\e603";
	font-family: 'evenprest';
	font-size: 20px;
	float:left;
	padding: 0 5px 0 0;
}
	.icon-twitter:hover {
		color: #D85454;
	}
.icon-plus:before {
	content: "\e604";
	font-family: 'evenprest';
	font-size: 20px;
	float:left;
	padding: 0 5px 0 0;
}
	.icon-plus:hover {
		color: #D85454;
	}
/************************/	

/* Partager vers Google+ */
.buton-google {
	width: 60px;
	height: 60px;
	margin: 0 5px;
	padding: 0;
	display: inline-block;
}

/* Partager vers Twitter */
.buton-twitter {
	width: 59px;
	height: 62px;
	margin: 0 5px;
	padding: 0;
	display: inline-block;
}

/* Partager vers j'aime (Facebook) */
.buton-like {
	width: 57px;
	height: 61px;
	margin: 0 5px;
	padding: 0;
	display: inline-block;
}

/* Partager vers Facebook */
.buton-share {
	display: inline;
	margin: 0;
	padding: 0;
}

/************************************/
/* Pub google absense */
.pub {
	border-top: 1px solid #E5E5E5;
    height: auto;
    margin: 10px 0;
    padding: 10px 0;
    text-align: center;
    width: auto;
}