* {
	margin:0;
	padding:0;
	border:0;}
	
body { 
	font-family:Verdana, Geneva, sans-serif;
	}
	
.logo {
	width:100%;
	margin:auto;
	text-align:center;
	margin-top:50px;}
	
.footer {
	width:100%;
	margin:auto;
	text-align:center;
	color:#fff;
	background-color:#bbbfc2;
	line-height:20px;
	font-size:10px;
	position:fixed;
	bottom:0;}
	
.footer a {
	text-decoration:none;
	color:#fff;}

.footer a:hover {
	color:#000;}
	
.header {
	width:100%;
	margin:auto;
	height:68px;
	overflow:hidden;
	background-color:#bbbfc2;
	margin-top:-20px;}

.logo2 {
	float:left;}
	
h1 {
	font-size:12px;
	color:#808285;
	font-weight:lighter;
	margin-left:25px;
	line-height:20px;
	padding-bottom:5px;
	background:url(../images/h1.jpg) bottom left no-repeat;}

h1.titre {
	float:left;
	font-size:12px;
	color:#fff;
	font-weight:lighter;
	margin-left:25px;
	line-height:68px;}
	
p {
	font-size:12px;
	color:#808285;
	font-weight:lighter;
	margin-left:25px;
	margin-top:25px;}
	
p.bl {
	font-size:12px;
	color:#808285;
	font-weight:lighter;
	margin-top:25px;
	margin-left:0px;}
	
p.blo {
	font-size:12px;
	color:#808285;
	font-weight:lighter;
	margin-top:5px;
	margin-left:0px;}
	
p a {
	color:#000;
	text-decoration:none;
	font-style:italic;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

p a:hover {color:#d1057e;}

.off {
	float:right;}

.off a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}

.off a:hover {
	opacity:0.8;}
	
.nav {
	float:left;}

.nav ul {
	width:204px;}

.nav ul li {
	list-style-type:none;
}

.nav ul li.one a {
	color:#fff;
	line-height:54px;
	text-decoration:none;
	background-color:#bbbfc2;
	padding: 17px 146px 17px 15px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-bottom:1px solid #fff;
	}
	
.nav ul li.two a {
	color:#fff;
	line-height:54px;
	text-decoration:none;
	background-color:#bbbfc2;
	padding: 17px 49px 17px 15px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-bottom:1px solid #fff;
	}
	
.nav ul li.three a {
	color:#fff;
	line-height:54px;
	text-decoration:none;
	background-color:#bbbfc2;
	padding: 17px 44px 17px 15px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-bottom:1px solid #fff;
	}
	
.nav ul li.four a {
	color:#fff;
	line-height:54px;
	text-decoration:none;
	background-color:#bbbfc2;
	padding: 17px 24px 17px 15px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-bottom:1px solid #fff;
	}
	
.nav ul li.five a {
	color:#fff;
	line-height:54px;
	text-decoration:none;
	background-color:#bbbfc2;
	padding: 17px 144px 17px 15px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-bottom:1px solid #fff;
	}
	
.nav ul li.six a {
	color:#fff;
	line-height:54px;
	text-decoration:none;
	background-color:#bbbfc2;
	padding: 17px 128px 17px 15px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-bottom:1px solid #fff;
	}

.nav ul li a:hover {
	background-color:#dee3e7;
	color:#8b9094;}
	
.conteneur {
	padding:20px;
	float:left;
	width:100%}
	
.footer {
	width:100%;
	margin:auto;
	text-align:center;
	color:#fff;
	background-color:#bbbfc2;
	line-height:20px;
	font-size:10px;
	position:fixed;
	bottom:0;}
	
.nav ul li.three ul.ssnav {
	left: 204px;
    position: absolute;
    top: 175px;
	display:none;
}

.nav ul li ul.ssnav li.ssnavli a {
	display:block;
	line-height:5px;
	}
	
.nav ul li.three:hover > ul.ssnav {
	display:block;}
	
.nav ul li.two ul.ssnav {
	left: 204px;
    position: absolute;
    top: 121px;
	display:none;
}

	
.nav ul li.two:hover > ul.ssnav {
	display:block;}
	
.nav ul li.five ul.ssnav {
	left: 204px;
    position: absolute;
    top: 283px;
	display:none;
}

	
.nav ul li.five:hover > ul.ssnav {
	display:block;}
	
.ariane {
	background-color:#dee3e7;
	padding:5px;
	color:#8b9094;
	font-size:10px;}
	
.ariane a {color:#8b9094;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
	
.ariane a:hover {color:#fff;}

.block {
	border: 1px solid #dee3e7;
	margin-top:15px;
	margin-right:5px;
	float:left;
	text-align:center;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	overflow:hidden;
	-webkit-box-shadow: 0 0 10px 2px #e4e8eb;
	box-shadow: 0 0 10px 2px #e4e8eb;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
	
.block:hover {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-box-shadow: 0 0 0px 0px #e4e8eb;
box-shadow: 0 0 0px 0px #e4e8eb;

cursor:pointer;}

.block2 {
	border: 1px solid #dee3e7;
	margin-top:15px;
	margin-right:5px;
	float:left;
	min-height: 158px;
	display:block;
	padding-right:0px;
	padding:10px 25px;
	text-align:center;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	overflow:hidden;
	-webkit-box-shadow: 0 0 10px 2px #e4e8eb;
	box-shadow: 0 0 10px 2px #e4e8eb;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
	
.block2:hover {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-box-shadow: 0 0 0px 0px #e4e8eb;
box-shadow: 0 0 0px 0px #e4e8eb;

cursor:pointer;}

.bt {
	font-size:12px;
	margin-bottom: 50px;}

.bt a {
	padding:10px 20px;
	background-color:#bbbfc2;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	text-decoration:none;
	color:#fff;
	margin-left:25px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}

.bt a:hover {
	background-color:#dee3e7;
	color:#bbbfc2;
	}