/*
*
*	conditions-generales-utilisation.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 0 20px;
	}
	
		.left-col .content h1{
			font-family: "Kozuka Gothic Pro L", Open Sans, Helvetica, Tahoma, Verdana, Arial, sans-serif;
			color: #4b4b4b;
			font-size: 25px;
			font-weight: bold;
			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 i{
			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 b{
			color: #4B4B4B;
			font-family: "Lucida Grande",Tahoma,Helvetica,Verdana,Arial,sans-serif;
			font-size: 13px;
			line-height: 18px;
			margin: 16px 0 9px 0;
			padding: 0;
			text-align: left;
		}
		
		.left-col .content a{
			color: #2793E6;
			font-family: "Lucida Grande",Tahoma,Helvetica,Verdana,Arial,sans-serif;
			font-size: 14px;
			font-weight: normal;
			line-height: 18px;
			margin: 16px 0 9px 0;
			padding: 0;
			text-align: left;
			text-decoration: none;
			outline: none;
		}
		
			.left-col .content ul.ul1 {
				list-style-type: disc;
				margin: 0 0 10px 25px;
				padding: 0;
			}
			
				.left-col .content ul.ul1 li {
					list-style-type: disc;
					font-family: "Lucida Grande",Tahoma,Helvetica,Verdana,Arial,sans-serif;
					font-size: 13px;
					color: #4B4B4B;
					line-height: 20px;
					margin: 0;
				}
				
					.left-col .content ul.ul1 li span {
						list-style-type: disc;
						font-family: "Lucida Grande",Tahoma,Helvetica,Verdana,Arial,sans-serif;
						font-size: 12px;
						color: #4B4B4B;
						line-height: 20px;
						margin: 0;
					}
				
			.left-col .content ul.ul2 {
				margin: 0 0 10px 25px;
				padding: 0;
			}
				.left-col .content ul li.li2 {
					list-style-type: circle;
					font-family: "Lucida Grande",Tahoma,Helvetica,Verdana,Arial,sans-serif;
					font-size: 12px;
					color: #4B4B4B;
					line-height: 20px;
					margin: 0;
				}

				
		.left-col .content p.version {
			background-color: #f3f3f3;
			color: #4B4B4B;
			font-family: "Lucida Grande",Tahoma,Helvetica,Verdana,Arial,sans-serif;
			font-size: 13px;
			padding: 15px 12px;
			box-shadow: 0 0 5px #c8c8c8;
		}
		
			.left-col .content p.version span { font-weight: bold;}

/*
*** 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;
}