html, body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	}
body{
	background-color:#000000;
	}
p, ul, li, table, div, h1, h2, h3, hr, img{
	padding:0px;
	margin:0px;
	}
#container0{
  margin:0px auto;
  width:896px;
}

#container{
	width:896px;
	height:auto;
	background:url(../images/charte/bg-repeat3.jpg) repeat-y center;
	margin:0px auto;

	}
#container1{
	width:896px;
	background: url(../images/charte/digital-age-over.jpg) no-repeat left bottom;
	clear:both;

	}
#header{
	background-image: url(../images/charte/header.jpg);
	width:896px;
	height:246px;
	margin:0px auto;
	}
#left-col{
	width:209px;
	float:left;
 	}

#logo{
		width:209px;
		height:204px;
		background: url(../images/charte/logo.jpg) no-repeat left top;
			}
#menu{
		width:209px;
		height:159px;
		background: url(../images/charte/menu.jpg) no-repeat left top;
			}

#adresse{
		width:209px;
		height:157px;
		background: url(../images/charte/adresse.jpg) no-repeat  left top;
	}
#mdm{
		width:209px;
		height:151px;
		background: url(../images/charte/mdm.jpg) no-repeat  left top;
	}
#plan{
		width:209px;
		height:40px;
		}
#no-pic{
		width:209px;
		height:256px;
		background: url(../images/charte/no-pic.jpg) no-repeat left top;
			}
.digital-age{
		width:209px;
		height:45px;
 		}

.mail{
  width:100px ;
  height:34px;
  padding-left:50px;
  padding-top:2px;
}
.text-adresse{
  width:209px;
  padding-top:40px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#072956;
  text-align:center;
  line-height: 20px;
  }


#right-col{
  width:687px;
	float:right;
   }

 .contenu{
   margin-left:10px;
   width:667px;
  }
  .text{
  padding-left:20px;
  padding-right:20px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#072956;
	text-align: justify;
  line-height:18px;
 	}
  .bg-text{
  margin-top:10px;
   width:667px;
		height:131px;
		background: url(../images/charte/bg-text.jpg) no-repeat left top;
		}
   .bg-text1{
   margin-top:10px;
    width:667px;
		height:165px;
		background: url(../images/charte/bg-text1.jpg) no-repeat left top;
		}
    .bg-text2{
    margin-top:10px;
    width:667px;
		height:195px;
		background: url(../images/charte/bg-text2.jpg) no-repeat left top;
		}

  .image-right{
 	float:right;
  padding-right:20px;
  padding-top:7px;
	}

  .image-left{
	float:left;
  padding-top:7px;
  padding-left:25px;


	}


	.list{
  width:430px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#072956;
 	list-style:none;
	line-height:25px;
  padding-left:25px;
  padding-top:3px;
 	}
	.list li{
	background-image:url(../images/charte/pointer.gif);
	background-repeat:no-repeat;
	background-position:left 6px;
	padding:0px 0px 0px 20px;
}
  	.list1{
  width:430px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#e4701a;
 	list-style:none;
	line-height:25px;
  padding-left:25px;
  padding-top:10px;
  font-weight:bold;
 	}
	.list1 li{
	background-image:url(../images/charte/pointer1.gif);
	background-repeat:no-repeat;
	background-position:left 6px;
	padding:0px 0px 0px 20px;
}

  	.list2{
  width:150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#072956;
 	list-style:none;
	line-height:25px;
  padding-left:160px;
  padding-top:20px;
 	}
	.list2 li{
	background-image:url(../images/charte/pointer2.gif);
	background-repeat:no-repeat;
	background-position:left 6px;
	padding:0px 0px 0px 20px;
}
  	.list3{
  padding-left:95px;
  width:235px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#072956;
 	list-style:none;
	line-height:25px;
  float:left;
 	}
	.list3 li{
	background-image:url(../images/charte/pointer2.gif);
	background-repeat:no-repeat;
	background-position:left 6px;
	padding:0px 0px 0px 20px;
}
	.list4{
  width:130px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#072956;
 	list-style:none;
	line-height:25px;
  float:left;


 	}
	.list4 li{
	background-image:url(../images/charte/pointer2.gif);
	background-repeat:no-repeat;
	background-position:left 6px;
	padding:0px 0px 0px 20px;
}
  .tous{
    width:150px;
    float:left;
  }
.product{
  width:141px;
  height:19px;
  text-align:left;
  padding-left:8px;
  padding-top:5px;
  float:left;
  color:#eeb720;
  font-weight:bold;
  background-color:#072956;
  background-image:url(../images/charte/bg-product.gif);
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
}
  .ref{
   background-color:#072956;
  width:140px;
  height:19px;
  text-align:right;
  padding-top:5px;
  padding-right:8px;
  float:left;
  color:#eeb720;
  font-weight:bold;
  background-image:url(../images/charte/bg-ref.gif);
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
}
 .categorie{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   float:left;
   width:155px;
   font-weight:bold;
   font-size:12px;
   padding-top:10px;
   padding-bottom:10px;
   color:#072956;
 }
 .descriptif{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   float:left;
   width:155px;
   font-weight:bold;
   font-size:12px;
   color:#072956;
 }
 .lorem{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   float:left;
   width:169px;
   font-size:11px;
   color:#e46e17;
 }
  .bg-details
  {
  width:72px;
  height:18px;
  background:url(../images/charte/bg-details.gif) no-repeat left top;
  margin-top:5px;
  padding-top:2px;
  float:left;
}
.cliquez{
  padding-top:10px;
  text-align:left;
  font-size:11px;
  font-weight:bold;
  clear:both;
  color:#072956;
  text-align:right;
  width:565px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

.text-details{
  color:#ffffff;
  font-weight:bold;
  font-size:11px;
  padding-left:13px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-decoration:none;
}
  .bg-recherche{
   padding-left:5px;
  margin-left:10px;
  background-color:#072956;
  border:solid 1px #072956;
  width:604px;

  }

.bg-bottom{
  width:297px;
  height:11px;
  background:url(../images/charte/bg-bottom.gif) no-repeat left top;
  float:left;
}

.contactez-nous{
  margin-left:85px;
  width:513px;
  height:21px;
	background: url(../images/amenagements-interieurs/contactez-nous.jpg) no-repeat left top;
  }
  .contact{
   width:110px;
   height:14px;

   padding-left:75px;
 }
 .recherche{
 	background:url(../images/charte/submit.jpg) no-repeat left top;
  cursor:pointer;
	width: 92;
  height:20px;

	}
.rechercheover{

	background:url(../images/charte/submit-over.jpg) no-repeat left top;
  cursor:pointer;
  height:20px;
  width: 92;

	}

	#footer
  {
  width:896px;
  height:52px;
  margin: 0 auto;
  background-color:red;

  }
#footer-content{
	background-image:url(../images/charte/bg-footer.jpg);
	background-position:left top;
	background-repeat:no-repeat;
 	width:896px;
  height:52px;
	}
			

.contact_link:link, .contact_link:visited{
		color:#eeb720;
		text-decoration: none;
		} 
.contact_link:hover, .contact_link:active{
		color:#e26c14;
		text-decoration: underline;
}
		
		#nav-footer{
    font-family:Arial, Helvetica, sans-serif;
		padding-top:13px;
    width:896px;
		font-size:12px;
    font-weight:bold;
		float:left;
		text-align:center;
		color:#eeb720;

	}
				#nav-footer a:link, #nav-footer a:visited{
					font-family:Arial, Helvetica, sans-serif;
					text-decoration:none;
					color:#eeb720;
					margin-left:5px;
          margin-right:5px;
						}
				#nav-footer a:hover, #nav-footer a:active{
					font-family:Arial, Helvetica, sans-serif;
					text-decoration:underline;
					color: #e26c14;
					margin-left:5px;
							}
		#container #footer-droits {
			color:#eeb720;
			margin-left:385px;
			font:normal 1.1em Tahoma;
			padding-bottom:20px;
  font-family: Arial, Helvetica, sans-serif;
}
		#footer-droits #mentions-link:link, #footer-droits #mentions-link:visited{
			color:#eeb720;

			}
		#footer-droits #mentions-link:hover, #footer-droits  #mentions-link:active{
			color:#e26c14;
	 		text-decoration:underline;
			}