@charset "utf-8";
/* CSS Document */

body {
	background-color: #ffffff;
	background-image: url(img/fond_haut.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	background-attachment: scroll;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}


.ban{
	background-image: url(img/ban.png);
	width: 980px;
	height: 395px;
	position: absolute;
	margin-top: 0px;
	margin-left: -490px;
	margin-bottom: 0px;
	left: 50%;
	z-index:5;
}

.sous-ban{
	background-image: url(img/sous_ban3.png);
	background-repeat:no-repeat;
	width: 980px;
	height: 120px;
	z-index:1;
}

.vide-ban{
	height: 271px;
}


/*Texte*/
.txt-gris12{
    color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
.txt-gris13{
    color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}
	
.txt-noir12{
    color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
.txt-noir13{
    color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}
	
.txt-noir14{
    color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
	
.txt-titre15N{
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}

.txt-rouge12{
    color: #ff0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
	
.txt-rouge13{
    color: #ff0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}
	
/******* Les blocs *******/
.bambou-v980{
	background-image: url(img/bambou_v_980.png);
	background-repeat:repeat-y;
	width: 980px;
	height: 27px;
}

.bambou-haut-770{
	background-image: url(img/bambou_haut_770.png);
	background-repeat:no-repeat;
	width:770px;
	height:20px;	
	}

.bambou-v770{
	background-image: url(img/bambou_v_770.png);
	background-repeat:repeat-y;
	width: 770px;
	height: 27px;
}

.bambou-haut-200{
	background-image: url(img/bambou_haut_200.png);
	background-repeat:no-repeat;
	width:200px;
	height:20px;	
	}
.bambou-v200{
	background-image: url(img/bambou_v_200.png);
	background-repeat: repeat-y;
	width:200px;
	height:27px;	
	}
	
.bambou-h{
	background-image: url(img/bambou_h.png);
	background-repeat:repeat-x;
	width: 28px;
	height: 10px;
}	
	

	


/******* Footer debut *******/

/* {margin:0;padding:0;} */

/*html, body, #wrap {height: 50%;}

body > #wrap {height: auto; min-height: 50%;}*/

#main {padding-bottom: 250px;}  /* must be same height as the footer */

#footer {position: relative;
/*background: url(img/fond_footer.png) repeat-x;*/
	margin-top: -250px; /* negative value of footer height */
	height: 260px;
	clear:both;
	} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* Footer fin*/

.bandeau-bas {
	background-image: url(img/fond_footer.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* Foot : image en haut de footer */
#foot {
	width:980px;
	height:125px;
	margin:0 auto;
	background: url(img/bas_foot.png) no-repeat;
	/*line-height:1.1em;*/
	padding:0 10px 0 10px;}
	
/* Bloc footer */
.bloc-footer-haut{
	background-image: url(img/bloc_footer_haut.png);
	background-repeat:no-repeat;
	width:315px;
	height:5px;		
	}
.bloc-footer-milieu{
	background-image: url(img/bloc_footer_milieu.png);
	background-repeat: repeat-y;
	width:315px;
	height:5px;	
	}
.bloc-footer-bas{
	background-image: url(img/bloc_footer_bas.png);
	background-repeat:no-repeat;
	width:315px;
	height:5px;	
	}	
	

/* Texte et lien du copy */
.txt-copy{
    color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
	
a.copy:link {
    color:#cccccc;
	text-decoration: none;
	font-size: 12px;
}
a.copy:visited {
	text-decoration: none;
	color: #cccccc;
	font-size: 12px;
}
a.copy:hover {
	text-decoration: underline;
	color: #000000;
	font-size: 12px;
}
a.copy:active {
	text-decoration: none;
	color: #cccccc;
	font-size: 12px;
}
<!--Lien 12px -->
a.lien12:link {
    text-decoration: none;
	color:#f60;
	font-size: 12px;
}
a.lien12:visited {
	text-decoration: none;
	color:#f60;
	font-size: 12px;
}
a.lien12:hover {
	text-decoration: underline;
	color: #000;
	font-size: 12px;
}
a.lien12:active {
	text-decoration: none;
	color:#f60;
	font-size: 12px;
}
<!--Lien 14px -->
a.lien14:link {
    text-decoration: none;
	color:#f60;
	font-size: 14px;
}
a.lien14:visited {
	text-decoration: none;
	color:#f60;
	font-size: 14px;
}
a.lien14:hover {
	text-decoration: underline;
	color: #000;
	font-size: 14px;
}
a.lien14:active {
	text-decoration: none;
	color:#f60;
	font-size: 14px;
}

.email{
	background-image: url(../img/email.png);
	background-repeat:no-repeat;
	width:100px;
	height:120px;
}