/*
*
*	partners.css
*
*/

/*
*** Mise en page contenu
*/
#page-container {
	position: relative;
	max-width: 1240px;
	min-width: 640px;
	margin-right: auto;
	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: 445px;
			}

/*
*	Mise en page de la barre de navigation (où sommes-nous ?)
*/
.section-head-moncompte {
	position: relative;
	background-color: #F7F6F5;
	height: 45px;
	margin: 0;
	padding: 0;
	clear: 0;
}

	.section-head-moncompte:before {
		position: absolute;
		background-color: #F7F6F5;
		width: 1000px;
		content: "";
		display: block;
		height: 45px;
		top: 0;
		left: -1000px;	
	}
	
.section-head-moncompte ul {
	margin: 0;
	padding: 0;
}
	.section-head-moncompte ul li {
		list-style-type: none;
		display: inline;
	}
		.section-head-moncompte ul li a{
			position: relative;
			font-family: proxima-nova,helevetica,arial,sans-serif;
			font-weight: normal;
			font-size: 13px;
			color: #4b4b4b;
			text-decoration: none;
			float: left;
			margin: 0;
			padding: 14px 10px 15px 10px;
			outline: none 0;
		}
		
			.section-head-moncompte ul li a:hover{ color: #e45353;}
			
			.section-head-moncompte ul li .arrow-right {
				border-bottom: 5px solid rgba(0, 0, 0, 0);
				border-left: 5px solid #4b4b4b;
				border-top: 5px solid rgba(0, 0, 0, 0);
				display: inline-block;
				height: 0;
				margin: 0 5px;
				width: 0;
				float:left;
				margin-top: 17px;
			}
/***********************/
/*
*** Colonne gauche
*/
.left-col {
	max-width: 940px;
	min-width: 600px;
	padding: 0 0 50px 0;
}
	.left-col .content {
		max-width: 900px;
		min-width: 600px;
		margin: 0;
		padding: 25px 20px 40px 20px;
	}
	
		.left-col .content h1{
			font-family: "Kozuka Gothic Pro L", Open Sans, Helvetica, Tahoma, Verdana, Arial, sans-serif;
			color: #d85454;
			font-size: 28px;
			font-weight: 300;
			letter-spacing: -1px;
			line-height: 36px;
			margin: 0 0 15px 0;
			padding: 0;
			text-shadow: 0 1px 0 #FFFFFF;
			transition: all 0.3s ease 0s;
		}
		
		.left-col .content p {
			color: #4B4B4B;
			font-family: "Lucida Grande",Tahoma,Helvetica,Verdana,Arial,sans-serif;
			font-size: 14px;
			line-height: 18px;
			margin: 16px 0 9px 0;
			padding: 0;
			text-align: left;
		}
		
			.left-col .content p.intro {
				font-weight: bold;
			}
		
			.left-col .content .buton {
				position: relative;
				width: 125px;
				height: 40px;
				text-align: center;
				margin: 20px auto;
				padding: 0;
			}
		
			.left-col .content .buton a {
				border-radius: 5px;
				background-color: #e1e1e1;
				text-decoration: none;
				color: #4b4b4b;
				float: left;
				padding: 12px 15px;
				border: 0 none;
				cursor: pointer;
				font-family: "Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
				font-size: 12px;
				font-weight: bold;
				outline: medium none;
				text-align: center;
				transition: box-shadow 0.2s ease 0s, background-color 0.2s ease 0s;
			}
			
				.left-col .content .buton a:hover { background-color: #D85454; color:#ffffff;}

/*****************************************
*
*	Realisations.
*
*********************************************/

.separator-realisation {
	position: relative;
	margin: 20px auto;
	max-width: 900px;
	width: auto;
	min-width: 600px;
	height: 1px;
	background-color: #dcdcdc;
	border-bottom:1px solid #ffffff;
}

		/* Information du partenaire */
		#partner {
			position: relative;
			top: 0;
			max-width: 940px;
			min-width: 600px;
			height: auto;
		}
			/* Global infos (dimenssion) */
			#partner .infos {
				position: relative;
				max-width: 940px;
				min-width: 600px;
				height: auto;
				min-height: 150px;
				margin: 0;
				padding: 0 20px;
			}	
			
				/* Image realisation */
				#partner .infos .logo-bookeur{
					position: relative;
					background-image: url('../picture/logo/bookeur.png');
					background-repeat: none;
					width: 220px;
					height: 130px;
					float: left;
					display: inline-block;
					margin:  0 25px 15px 0;
				}
					
				/* Contenu du partenaire */	
				#partner .infos .content-infos {
					position: relative;
					height: auto;
					max-width: 650px;
					width: auto;
					min-width: 600px;
					margin: 0;
					display: inline-block;
				}
				
					#partner .infos .content-infos ul{
						margin: 0;
						padding: 0 40px 0 0;
					}
					
						#partner .infos .content-infos ul li{
							list-style-type: none;
							margin: 0 0 10px 0;
						}
						
							#partner .infos .content-infos ul li span{
								font-family: "Lucida Grande",Tahoma,Helvetica,Verdana,Arial,sans-serif;
								font-size: 13px;
								color: #4a4a4a;
								font-weight: bold;
								margin: 0;
								display: inline;
								float:left;
							}
							
							#partner .infos .content-infos ul li p{
								font-family: "Lucida Grande",Tahoma,Helvetica,Verdana,Arial,sans-serif;
								color: #868585;
								display: inline;
								font-size: 13px;
								font-weight: normal;
								line-height: 18px;
								margin: 0 0 0 5px;
								max-width: 540px;
								min-width: 500px;
								text-align: left;
								
							}
							
								#partner .infos .content-infos ul li p.name{
									font-family: "Lucida Grande",Tahoma,Helvetica,Verdana,Arial,sans-serif;
									color: #868585;
									display: inline;
									font-size: 13px;
									font-weight: normal;
									line-height: 18px;
									text-transform: uppercase;
								}
							
							#partner .infos .content-infos ul li a{
								font-family: "Lucida Grande",Tahoma,Helvetica,Verdana,Arial,sans-serif;
								font-size: 13px;
								font-weight: normal;
								line-height: 18px;
								margin: 0 0 0 5px;
								color: #4f79c7;
								text-decoration: none;
							}
							
								#partner .infos .content-infos ul li a:hover{
									text-decoration: underline;
								}
			

			
				
				#partner .realisation .content-realisation p {
					position: relative;
					max-width: 650px;
					width: auto;
					min-width: 600px;
					float:left;
					color: #868585;
					font-size: 0.9em;
					line-height: 15px;
				}
		
					
					#partner .realisation .content-realisation p a {
						color: #4f79c7;
						text-decoration: none;
					}
						#partner .realisation .content-realisation p a:hover {  }
					
/*
*** Colonne droite
*/
.right-col {
	position: absolute;
	right: 0;
	top: 0;
	width: 300px;
}
	.right-col .nav {
		padding: 25px 0 0 0;
	}
	.right-col .nav ul {
		margin: 0;
		padding: 0;
	}
	
		.right-col ul li{
			list-style-type: none;
			margin: 0;
			padding: 0;
			border-bottom: 1px dashed #e5e5e5;
		}
		
			.right-col ul li a {
				text-decoration: none;
				color: #4B4B4B;
				font-family: "Lucida Grande",Tahoma,Helvetica,Verdana,Arial,sans-serif;
				font-size: 13px;
				margin: 0;
				padding: 6px 15px;
				display: block;
			}
				.right-col ul li a:hover { background-color: #f3f3f3; color: #d85454;}
	
/*
* Contact
*/	

.contact {
	margin: 25px 0;
	float:left;
}

	.contact h2 {
		color: #4B4B4B;
		font-family: "Lucida Grande",Tahoma,Helvetica,Verdana,Arial,sans-serif;
		font-size: 18px;
		font-weight: bold;
		margin: 10px 0 16px;
		padding: 0;
		text-align: center;
		text-transform: uppercase;
	}
	
	.contact p {
		color: #4B4B4B;
		font-family: "Lucida Grande",Tahoma,Helvetica,Verdana,Arial,sans-serif;
		font-size: 15px;
		font-weight: normal;
		line-height: 20px;
		margin: 0 15px 10px 15px;
		padding: 0;
		text-align: left;
	}
	
	.contact p.second {
		color: #4B4B4B;
		font-family: "Lucida Grande",Tahoma,Helvetica,Verdana,Arial,sans-serif;
		font-size: 11px;
		font-weight: normal;
		margin: 0 15px 10px 15px;
		padding: 0;
		text-align: left;
	}
	
		.contact .buton {
			width: auto;
			height: auto;
			margin: 20px 0 0 80px;
			padding: 0;
			float:left;
		}
		
			.contact .buton a {
				border-radius: 5px;
				background-color: #e1e1e1;
				text-decoration: none;
				color: #4b4b4b;
				float: left;
				padding: 12px 15px;
				border: 0 none;
				cursor: pointer;
				font-family: "Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
				font-size: 12px;
				font-weight: bold;
				outline: medium none;
				text-align: center;
				transition: box-shadow 0.2s ease 0s, background-color 0.2s ease 0s;
			}
			
				.contact .buton a:hover { background-color: #D85454; color:#ffffff;}
				
/************************************/
/* Pub google absense */
.pub {
	border-top: 1px solid #E5E5E5;
    float: left;
    height: auto;
    margin: 10px 0;
    padding: 10px 0;
    text-align: center;
    width: 300px;
}