/* Body général --------------------------------------------------------*/
html {font-family:verdana; font-size:12px; text-align: justify; color:#333333; line-height:18px;}
body {margin:0 auto; background-color:#00478C; background-image:url(../img-gen/fond.jpg); background-position:top left; background-repeat:no-repeat;}
a {text-decoration:none; color:#333333;}
a:hover {text-decoration:underline; color:#00478C;}

/* blocs de montage ----------------------------------------------------*/

#conthaut {
	margin:0 auto;
	width:995px;
	height:160px;
	background:url(../img-gen/fond-navigation.jpg) repeat-x;
	overflow:hidden;
}
#contaccueil{
	width:995px;
	height: auto;
	margin:0 auto;
	background-color: #ffffff;
	overflow:hidden;
}
#contcentral{
	width:995px;
	height: auto;
	margin:0 auto;
	background-color: #ffffff;
	overflow:hidden;
	padding-bottom:10px; 
}
#contnavsecond {
	margin:0 30px 0 50px;
	width:230px;
	float:left;
	overflow:hidden;
	padding-top:20px;
}
#contfck {
	margin:0 auto;
	width:655px;
	float:left;
	overflow:hidden;
	min-height:350px;
}
#cont915 {
	width:915px;
	overflow:hidden;
	min-height:350px;
	margin: 10px 30px 0px 50px;
}
#signature {
	background: url(../img-gen/signature.jpg) repeat-x;
	margin:0 auto;
	padding:10px 0 0 0;
	width:995px;
	height:10px;
	text-align:center;
	font-size:10px;
	color:#FFFFFF;
}
#signature a {color:#FFFFFF;text-decoration:none;}
#signature a:hover {text-decoration:underline; color: #FF6600;}

/* blocs de langue ----------------------------------------------------*/

#bandhaut {
	background: url(../img-gen/frise.jpg) repeat-x;
	margin:0 auto;
	width:995px;
	height:20px;
	line-height:20px;
	font-size:11px;
}
#bandhaut a {color: #333333;text-decoration:none;}
#bandhaut a:hover {text-decoration:underline; color:#00478C;}

/* blocs de navigation ----------------------------------------------------*/

#contlogo {
	margin:0 auto;
	width:380px;
	height:128px;
	float:left;
	overflow:hidden;
}
#contnav {
	margin:0 auto;
	width:210px;
	height:128px;
	float:left;
	font-weight:bold;
	font-size:13px;
	border-left: solid 2px #2D5399;
	border-right: solid 2px #2D5399;
	overflow:hidden;
}

/* navigation principale -----------------------------------------------------*/

#navprinc a{
	display: block;
	height:30px;
	width:200px;
	line-height:30px;
	background:url(../img-gen/img-nav-princ.jpg) repeat-x;
	border-bottom:solid 2px #2D5399;
	padding-left:10px;
}
#navprinc a:hover{
	background:url(../img-gen/img-nav-princ.jpg) no-repeat bottom;
	text-decoration:none;
}

/* navigation secondaire -----------------------------------------------------*/

#navsecond a{
	display: block;
	height:30px;
	width:230px;
	background:url(../img-gen/img-nav-second.jpg) no-repeat;
	line-height:30px;
	padding-left:20px;
	margin:0 0 5px 0;
}
#navsecond a:hover{
	background:url(../img-gen/img-nav-second.jpg)  no-repeat 0px -30px;
	text-decoration:none;
	margin:0 0 5px 0;
}
.recyclage a{
	display: block;
	height:284px;
	width:165px;
	background: url(../img-gen/recyclage-on.jpg) no-repeat;
	float :left;
	margin:10px 18px 0 0;
	text-align: center;
	padding:10px 0 0 0;
	font-weight:bold;
	color:#FFFFFF;
}
.recyclage a:hover{
	background: url(../img-gen/recyclage-on.jpg)  no-repeat 0px -292px;
	text-decoration:none;
}
.nontisses a{
	display: block;
	height:284px;
	width:165px;
	background: url(../img-gen/nontissee-on.jpg) no-repeat;
	float :left;
	margin:10px 18px 0 0;
	text-align: center;
	padding:10px 0 0 0;
	font-weight:bold;
	color:#FFFFFF;
}
.nontisses a:hover{
	background: url(../img-gen/nontissee-on.jpg)  no-repeat 0px -292px;
	text-decoration:none;
}
.naturelles a{
	display: block;
	height:284px;
	width:165px;
	background: url(../img-gen/naturelle-on.jpg) no-repeat;
	float :left;
	margin:10px 18px 0 0;
	text-align: center;
	padding:10px 0 0 0;
	font-weight:bold;
	color:#FFFFFF;
}
.naturelles a:hover{
	background: url(../img-gen/naturelle-on.jpg)  no-repeat 0px -292px;
	text-decoration:none;
}
.speciale a{
	display: block;
	height:284px;
	width:165px;
	background: url(../img-gen/speciale-on.jpg) no-repeat;
	float :left;
	margin:10px 18px 0 0;
	text-align: center;
	padding:10px 0 0 0;
	font-weight:bold;
	color:#FFFFFF;
}
.speciale a:hover{
	background: url(../img-gen/speciale-on.jpg)  no-repeat 0px -292px;
	text-decoration:none;
}
.accessoire a{
	display: block;
	height:284px;
	width:165px;
	background: url(../img-gen/accesoire-on.jpg) no-repeat;
	float :left;
	margin:10px 18px 0 0;
	text-align: center;
	padding:10px 0 0 0;
	font-weight:bold;
	color:#FFFFFF;
}
.accessoire a:hover{
	background: url(../img-gen/accesoire-on.jpg)  no-repeat 0px -292px;
	text-decoration:none;
}