/* Colors
*************************************************************** */
/* Layout
--------------------------------------------------------------- */
body{
    background-color: #2D2D2D;
}
#container{
    background-color: #F7F7F7;
}
#header{
    background: #2D2D2D url(../images/charte/header-bg.jpg) no-repeat bottom left;
}
#wrap-footer{
    background: url(../images/charte/wrap-footer-bg.jpg) repeat-x top left;
}
#footer{
    background: url(../images/charte/footer-bg.jpg) no-repeat top left;
}
#diaporama{
    background: url(../images/charte/diaporama-bg.jpg) no-repeat top left;
}
#actualites-container, #newsletter-container{
    background: url(../images/charte/actualites-bg.jpg) repeat-x top left;
}
#coordonnees-container{
    background: #E7E7E7 url(../images/charte/coordonnees-bg.jpg) no-repeat top left;
}
#page-title{
    background: url(../images/charte/page-title-bg.jpg) no-repeat 0 21px;
}
.tel
{
  width: 250px;
  height: 18px;
  padding-top:3px;
  padding-bottom: 0px;
  line-height: 15px;
  float: left;
  background: url(../images/charte/icon-tel.jpg) no-repeat left center;
}

/* Text
--------------------------------------------------------------- */
h1{
	color: #000000;
	background-color: transparent;
}
p{
	color: #000000;
}
p.paragraph1{
    background: url(../images/charte/bullet2.jpg) no-repeat 0 5px;
    text-indent: 11px;
}
p.paragraph2{
    background: url(../images/charte/bullet3.jpg) no-repeat 0 5px;
    text-indent: 10px;
}
a,a:visited{
    color: #646464;
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
/* Others
--------------------------------------------------------------- */
div.separator1{
    background: url(../images/charte/separator1-bg.jpg) no-repeat top left;
}
.pannel1{
    border-color: #D1D1D1;
    background-color: #EFEFEF;
}
ul.list1 li{
    background: url(../images/charte/bullet4.jpg) no-repeat 0 6px;
}