/*
Import
*/
@import url('import/reset.css');
@import url('import/content.css');
@import url('import/defilement.css');
@import url('import/ui.css');

/*
Grid configuration
*/

.wrap{
	width:960px;
	margin:0 auto;
}

.clearfix{ overflow: hidden; zoom: 1; }
.clearfix:after{ clear: both; }

/*
Style of links
*/

a{
	text-decoration: none;
	color: #8da617;
}

/*
Default font, font-size
*/

#body{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	background: #eeeeee;
	color: #222222;
}

/*
 * Header
 */
.header{
	background: #000000 url('../images/header.repeat.x.png') repeat-x top center;
	height: 141px;
}

	.header .wrap{
		background: url('../images/header.wrap.gradient.png') no-repeat top left;
		position:relative;
	}
	
		.langues{
			float: right;
			padding: 15px 0 0 0;
			width:300px;
			background: url('../images/langues.border.png') no-repeat bottom;
			text-align: right;
		}
		
			.langues a{
				color: #b8b8b8;
				font-size: 12px;
				text-transform: uppercase;
				display: inline-block;
				padding: 0 5px 5px 5px;
				margin: 0 0 0 10px;
			}
			
			.langues a.actif,
			.langues a:hover{
				border-bottom:1px solid #849b16;
				color: #FFF;
			}
		
		.client_logout{
			position:absolute;
			top:50px;
			right:0px;
			font-size: 15px;
			color: #b8b8b8;
		}
		
			.logout_submit{
				background: url('../images/client.logout.png') no-repeat;
				border:none;
				width: 22px;
				height: 21px;
				cursor: pointer;
			}
			
			.logout_submit:hover{
				background-position: bottom left;
			}
		
		
		.logo{
			height: 73px;
			padding: 30px 0 0 0;
		}
		
		
			.logo .subtitle{
				font-size: 15px;
				letter-spacing: 0.1em;
				color: #C8C8C8;
				padding: 3px 0 0 0;
			}
		
		.primary{
			clear: both;
		}
		
			.primary li{
				display: inline;
			}
			
			
				.primary li a{
					display: inline-block;
					font-size: 14px;
					font-weight:bold;
					text-transform: uppercase;
					padding: 0 12px 0 8px;
					height: 38px;
					line-height: 38px;
					color: #2f3124;
					background: url('../images/menu.pipe.png') top right no-repeat;
					-moz-transition:all 0.2s ease-out 0s;
					text-shadow:#b1d311 1px 1px 1px;
				}
				
				.primary .actif a,
				.primary a:hover{
					color: #FFF;
					text-shadow:none;
				}
				
				.primary .first a{
					padding-left: 0;
				}
				
				.primary .end a{
					padding-right: 0;
					background: none;
				}
				
				.primary .parent a{
					background: url('../images/menu.pipe.parent.png') top right no-repeat;
				}

/*
 * Visuel
 */
.visuel{
	background: #D0D0D0 url('../images/defilement.repeat.x.jpg') repeat-x top center;
	height:369px;
}
/*
 * Banners
 */
#banniere{
	position: relative;
	width: 960px;
	margin: 0 auto;
}

	#banniere_slogan{
		font-size: 1.5em;
		position: absolute;
		top: 1em;
		left: 1em;
		padding: 0.75em 1em;
		background: #FFFFFF;
	}
	
	#banniere_script{
		width: 960px;
	}


/*
 * Breadcrumb	
 */
.breadcrumb{
	background: #e5e5e5;
	border-top: 1px solid #eeeeee;
	height: 31px;
	font-size: 14px;
}

	.breadcrumb ul{
		float:left;
		width: 670px;
	}
	
	.breadcrumb li{
		display: inline;
	}
	
		.breadcrumb li a{
			color: #b9b8b8;
			line-height: 31px;
			background: url('../images/breadcrumb.li.png') center right no-repeat;
			display:inline-block;
			padding: 0 30px 0 0;
			margin:0 10px 0 0;
		}
		
		.breadcrumb li a:hover{
			color:#333;
		}

	.breadcrumb .children a{
		color: #000;
	}
	
	.children a:hover,
	.children .actif a{
		color: #8da617;
	}
	
	
	.social{
		float:right;
		width:290px;
	}
	
		.social_title{
			color: #b9b8b8;
			background: url('../images/breadcrumb.li.png') center right no-repeat;
			display:block;
			float: left;
			padding: 0 30px 0 15px;
			margin:0 10px 0 0;
			line-height: 31px;
		}
		
		.social a{
			display: inline-block;
			background: url('../images/icon.social.png') no-repeat;
			height:28px;
			width:33px;
			margin:2px 0 0 0;
		}
		
		.social a span{
			display: none;
		}
		
		.social .facebook:hover{background-position: -111px 0;}
		.social .twitter{background-position: -37px 0;}
		.social .twitter:hover{background-position: -148px 0;}
		.social .linkdin{background-position: -74px 0;}
		.social .linkdin:hover{background-position: -185px 0;}

/*
 * Messages
 */
.message{
	border: 1px solid #DA5E20;
	font-size: 2em;
	padding: 1em 1em 1em 3em;
	margin: 0 0 1.5em 0;
	background:  url('../images/attention.png') no-repeat 5px 50%;
	color: #DA5E20;
}

.success{
	background: url('../images/valid.png') no-repeat 5px 50%;
	border: 1px solid #7DBB19;
	color: #7DBB19;
}

/*
 * Corps
 */
.corps{
	padding: 15px 0;
}

/*
 * 	Content
 */
.content{
	float: left;
	width: 640px;
	padding: 20px 0;
}

	h2.page_title,
	.callback h2{
		font-size: 3.6em;
		font-weight: bold;
		text-shadow: #FFFFFF 1px 1px 1px;
		/*font-family: Helvetica, Arial, sans-serif;*/
		margin: 0 0 0.5em 0;
		background: url('../images/page.titre.png') repeat-x bottom;
	}
	
		h2.page_title span{
			background: url('../images/span.title.png') repeat-x bottom;
			display:inline-block;
			/*width: auto;*/
		}

/*
 * Content without sidebar
 */
.nosidebar{
	float:none;
	width: 960px;
}

/*
 * Pagination
 */
.pagination{
	background: url('../images/folio.pagination.png') repeat-x;
	padding:27px 0 0 0;
	text-align:center;
}

.pagination a{
	display: inline-block;
	font-size:30px;
	padding:0 0.5em;
	color: #cfcfcf;
	text-shadow:#FFF 1px 1px 1px;
}

.pagination a.actif{
	color: #A8B872;
}


/*
 * Sidebar
 */
.sidebar{
	float: right;
	width: 290px;
}

/*
 * Callback
 */
.callback,.news,.secondary{
	margin: 0 0 10px 0;
	background: url('../images/block.repeat.y.png') repeat-y;
}
	
	.callback .wrapper,
	.news .wrapper,
	.secondary .wrapper{
		background: url('../images/block.top.png') no-repeat left top;
		padding:20px 0 0 0;
	}
	
		.callback h2{
			margin-left:15px;
		}
		
		.callback form{
			width:260px;
			background: url('../images/block.bottom.png') no-repeat left bottom;
			padding:0 0 15px 15px;
		}
		
			.callback .desc{
				font-size:18px;
				padding:0 0 10px 0;
			}
			
			.callback .input,
			.client label input{
				border:none;
				display:block;
				height:30px;
				line-height: 30px;
				width:250px;
				background: #FFFFFF url('../images/form.required.png') 230px 50% no-repeat;
				padding:0 5px;
				font-size: 14px;
				color:#999;
				margin: 0 0 10px 0;
			}
			
			.callback .input:focus,
			.client label input:focus{
				color:#333;
				box-shadow:#CCCCCC 0px 0px 7px;
			}
			
			.callback .submit,
			.client .submit,
			.client_logout .submit{
				color:#51600b;
				text-shadow:#cbec35 1px 1px 1px;
				background: url('../images/callback.submit.png') no-repeat left top;
				border: none;
				width:109px;
				height:28px;
				text-transform:uppercase;
				font-size:13px;
				cursor:pointer;
			}
			
			.callback .submit:hover,
			.client .submit:hover{
				background-position: left bottom;
			}

/*
 * News
 */
.news{
	position:relative;
}

	.news h2{
		font-size: 2.4em;
		font-weight: bold;
		/*font-family: Helvetica,Arial,sans-serif;*/
		text-shadow: #FFFFFF 1px 1px 1px;
		background: url('../images/page.titre.png') repeat-x bottom;
		margin:0 0 10px 15px;
		padding: 0 0 10px 0;
	}
	
	.w_content{
		width:260px;
		background: url('../images/block.bottom.png') no-repeat left bottom;
		text-shadow: #FFFFFF 1px 1px 1px;
		padding:0 0 15px 15px;
	}
	
		.next_btn,.back_btn{
			display:block;
			width: 14px;
			height:15px;
			position:absolute;
			background: transparent url('../images/news.back.png') no-repeat bottom;
			top: 28px;
			left: 242px;
		}
		
		.next_btn{
			background: transparent url('../images/news.next.png') no-repeat bottom;
			top: 22px;
			left: 260px;
		}
		
		.next_btn:hover,.back_btn:hover{
			background-position:top;
		}
		
		.news h3{
			font-size: 18px;
		}
		
			.news h3 .date{
				font-size:12px;
				color:#939393;
				display: block;
				padding:5px 0;
				text-transform:capitalize;
			}
			
			.news_content{
				font-size:14px;
				line-height: 1.3em;
			}
			
				.news_content a{
					display: block;
					padding:0.5em 0 0 0;
					/*color: #000;*/
				}
				
				.news_content a:hover{
					/*color:#8da617;*/
					text-decoration:underline;
				}
				
				.news_content p{
					padding: 0 0 0.5em 0;
				}
/*
 * Secondary
 */
.secondary{
	
}

	.secondary .s_content{
		background: url('../images/block.bottom.png') no-repeat left bottom;
		padding:0 0 15px 15px;
	}
	
	.s_content a{
		color: #000;
		font-size:18px;
	}
	
	.s_content a:hover,
	.s_content .actif > a{
		color:#8da617;
	}
	
		.s_content li{
			padding: 0 0 9px 0;
		}
		
		.s_content .ssmenu{
			padding:5px 0 0 0;
		}
		
			.s_content li li{
				padding: 0 0 4px 0;
			}
			
			.s_content li li a{
				font-size:14px;
				padding: 0 0 0 20px;
				background: url('../images/page.puce.png') no-repeat top left;
			}

/*
 * Footer
 */
.footer{
	background: #000000 url('../images/footer.jpg') top center no-repeat;
}

	.footer .wrap{
		/*background: url('../images/footer.services.back.jpg') no-repeat;*/
		padding: 35px 0 25px 0;
	}
	
	.footmenus{
		float:left;
		width:640px;
		margin: 0 40px 0 0;
	}
	
	.footer h2{
		color: #FFF;
		/*font-family: Helvetica, Arial, sans-serif;*/
		font-size: 2.4em;
		font-weight: bold;
		padding: 0 0 20px 0;
		text-shadow: #000000 1px 1px 1px;
	}
	
	.footlinks{
		width: 210px;
		float: left;
	}
	
		.footlinks a{
			font-size: 18px;
			color: #888;
			padding: 0 0 5px 0;
			display: inline-block;
			-moz-transition:all 0.2s ease-out 0s;
		}
		
		.footlinks .actif > a{
			color: #8da617;
		}
		
		.footlinks a:hover,.client form a:hover{
			color: #fff;
		}
		
		.footlinks .ssmenu{
			padding: 5px 0 15px 0;
		}
		
		.footlinks ul a{
			font-size: 14px;
			padding: 1px 0 1px 15px;
			background: url('../images/footer.menu.puce.png') no-repeat left center;
		}
	
	.client{
		float:left;
		width:260px;
	}
	
		.client h2{
			/*background: url('../images/client.title.png') no-repeat bottom left;*/
			padding-bottom: 7px;
			margin-bottom:13px;
		}
		
		.client form a{
			-moz-transition:all 0.2s ease-out 0s;
			display: block;
			float:right;
			padding: 8px 0 0 0;
			color: #888;
		}

/*
 * Copyright
 */
.copyright{
	padding: 10px 0;
	background: #9cbd06 url('../images/footer.backg.png') repeat-x;
	font-size: 14px;
}

	.copyright ul{
		float: left;
	}
	
	.copyright ul li{
		display: inline;
	}
	
	.copyright a{
		font-size: 14px;
		color: #333333;
		display: inline-block;
		padding: 0 20px 0 0;
		-moz-transition:all 0.2s ease-out 0s;
	}
	
	.copyright a:hover,
	.copyright li.actif a{
		color: #fff;
	}
	
	.copyright .novitis{
		float:right;
	}