/* ===| COLORS |==============================================================*/
body {background: #cacaca; color: #070c5e;}

#header, 
#left-column, #right-column {color: #070c5e;}
#header {background:url(../images/charte/menu.jpg) no-repeat top left;}
#container {background: url(../images/charte/bg-container.jpg) repeat-y top left;}

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

#wrap-footer{background-color: transparent;}

p {color: #070c5e;}
a {color: #ffffff;}
a:hover {text-decoration: underline;}

a.thumb img{}

div.separator {background:url(../images/charte/line.jpg) no-repeat top left;}


/*=============================| left col |===================================*/
#diaporama { background:url(../images/charte/logo.jpg) no-repeat top left;}
#actualite{ background: url(../images/charte/bg-mdm.jpg) no-repeat top left;}
#contact-info{ background: url(../images/charte/bg-adresse.jpg) no-repeat top left;}

/*---------|photo bottom |----------*/
#plan{ background:url(../images/charte/img-bottom.jpg) no-repeat 100% 100%;}

/* ===| IMAGES |==============================================================*/
/*a.digitalage{
	text-indent: -999px;
}*/
.digitalage:link, .digitalage:visited{
	text-indent: -9999px;
	float:left;
	width: 333px;
	height: 100%;
	display: block;
	background:url(../images/charte/digital-age.jpg) 50% 50% no-repeat;}
.digitalage:hover, .digitalage:active{
	background:url(../images/charte/digital-age-over.jpg) 50% 50% no-repeat;}