/* ===| IMAGES |==============================================================*/
body {background: #000000 url(../images/charte/bg-body.jpg) repeat-x left top;}
#header{background: url(../images/charte/header.jpg) no-repeat left top;}
#wrap-container{background:red url(../images/charte/bg-wrap-container.jpg) repeat-y left top;}
#container{background: url(../images/charte/bg-container.gif) no-repeat right bottom;}
#realisation{background: url(../images/charte/bg-realisation.jpg) no-repeat left top;}
#info{background: url(../images/charte/bg-info.gif) no-repeat left top;} 

#wrap-footer{background: url(../images/charte/bg-wrap-footer.jpg) repeat-x left top;}
#footer{background: url(../images/charte/bg-footer.jpg) no-repeat left top;}

/* ===| COLORS |==============================================================*/
p {color: #B3B1B1;}
p.tel{background: url(../images/charte/icon-tel.jpg) no-repeat left 1px;}
p.fax{background: url(../images/charte/icon-fax.jpg) no-repeat left 1px;}
.color{
  color:#ffffff;
}



a:link, a:visited {
	color:#ffffff;
	text-decoration: none;}
a:hover, a:active {
	color:#9F9F9F !important;
	text-decoration: none !important;}

.merci a:link, .merci a:visited {
	color:#E66D6A;
	text-decoration: none;}
.merci a:hover, .merci a:active {
	color:#ffffff !important;
	text-decoration: none !important;}

#info a:link, #info a:visited {
	color:#E66D6A;
	text-decoration: none;
    background: url(../images/charte/icon-mail.jpg) no-repeat left 4px;
    padding-left:20px;
}
#info a:hover, #info a:active {
	color:#ffffff !important;
	text-decoration: none !important;
    background: url(../images/charte/icon-mail-over.jpg) no-repeat left 4px;
    padding-left:20px;
}
#plan a:link, #plan a:visited {
	color:#E66D6A;
	text-decoration: none;
    font-size:12px;
    background: url(../images/charte/icon-plan.jpg) no-repeat left top;
    padding-left:45px;
    padding-top:4px;
    padding-bottom:20px;
}
#plan a:hover, #plan a:active {
	color:#ffffff !important;
	text-decoration: none !important;
    background: url(../images/charte/icon-plan-over.jpg) no-repeat left top;
    padding-left:45px;
}
.text{
  background:url(../images/charte/bg-text.jpg) repeat-x left top;
}
.photo{background: url(../images/charte/bg-photo.gif) no-repeat left top;}
.photo-over{background: url(../images/charte/bg-photo-over.gif) no-repeat left top;}
.box-box{background: url(../images/charte/bg-box.jpg) repeat-x left top;}
.pyramide p{background: url(../images/charte/bullet-pyramide.gif) no-repeat left top;}

.photo2{background: url(../images/charte/bg-photo2.gif) no-repeat left top;}
.photo2-over{background: url(../images/charte/bg-photo2-over.gif) no-repeat left top;}
.photo3{background: url(../images/charte/bg-photo3.gif) no-repeat left top;}
.photo3-over{background: url(../images/charte/bg-photo3-over.gif) no-repeat left top;}