/***************** BODY *****************/
* {
	margin:0;
	padding:0;
}	
img {
	border: 0;
}
body, html {
	height:100%;/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
	
}
body {
	background: #111 url(../images/charte/fond-site.jpg) center top no-repeat fixed;
	font: 10px Arial, Helvetica, sans-serif;
}
/***************** CONTAINER *****************/
#container {	
	width: 960px;
	margin: 0 auto;
	padding-top: 137px;
} 

/***************** HEADER *****************/
#header {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 122px;
	z-index: 999;
	background: url(../images/charte/fond-header.png) top center no-repeat;
}
#header-conteneur {
	width: 978px;
	height: 122px;
	margin: 0 auto;
	position: relative;
}
#headerFlash {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 285px;
	z-index: 100;
	height: 105px;
	/*obligatoire si il y a un flash (firefox)*/
	display:block;
	outline:0;
}
#headerFlash a {
	position:absolute;
	top: 0;
	left: 0;
}
/***************** MENU TOP *****************/
#menuTop {
	float: right;
	width: 624px;
	height: 19px;
	margin: 38px 0 0 0;
	list-style-type: none;
	display: inline;
	padding-left: 22px;
	background: url(../images/charte/fond-menu-top.jpg) top left no-repeat;
}
#menuTop li {
	position: relative;
	float: left;
	display: inline;
}
#menuTop a {
	text-decoration:none;
	display: block;
	height: 19px;
	background-repeat: no-repeat;	
	background-image: url(../images/charte/menu-top.gif);
}
#menuTop .bt1 a {
	width: 68px;
	margin-right: 30px;
	background-position: -22px bottom;
}
#menuTop .bt2 a {
	width: 113px;
	margin-right: 30px;
	background-position: -120px bottom;
}
#menuTop .bt3 a {
	width: 113px;
	margin-right: 25px;
	background-position: -263px bottom;
}
#menuTop .bt4 a {
	width: 113px;
	margin-right: 29px;
	background-position: -401px bottom;
}
#menuTop .bt5 a {
	width: 80px;
	background-position: -543px bottom;
}	
#menuTop .bt1 a:hover {
	background-position: -22px top;
}
#menuTop .bt2 a:hover {
	background-position: -120px top;
}
#menuTop .bt3 a:hover {
	background-position: -263px top;
}
#menuTop .bt4 a:hover {
	background-position: -401px top;
}
#menuTop .bt5 a:hover {
	background-position: -543px top;
}	
/***************** CONTENU *****************/
#homeFlash {
	width:675px;
	position: relative;
	height:290px;
	margin-bottom: 30px;
	/*obligatoire si il y a un flash (firefox)*/
	display:block;
	outline:0;
}
#homeFlash a{
	position: absolute;
	top: 0;
	left: 0;
}
#col-gauche {
	float: left;
	width: 235px;
	padding-left: 15px;
	position: relative;
	margin-right: 20px;
	display: inline;
}
/***************** MENU LEFT *****************/
#menu-left {
	width: 235px;
	list-style-type: none;
	display: inline;
	float: left;
	clear: both;
}
#menu-left li {
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	display: inline;
}
#menu-left a {
	text-decoration:none;
	display: block;
	height: 36px;
	padding-left: 35px;
	color: #fff;
	line-height: 36px;
	text-transform: uppercase;
	font-style: italic;
	font-size: 13px;
	width: 200px;
	margin-bottom: 15px;	
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(../images/charte/bt-menu-left.jpg);
}
#menu-left a:hover {
	background-position: left bottom;
}
#col-gauche .bloc-adresse {
	text-align: center;
	background: url(../images/charte/fond-encart-tel.jpg) top left no-repeat;
	height: 126px;
	float: left;
	clear: both;
	width: 100%;
	text-transform: uppercase;
	padding-top: 24px;
}
#col-gauche .bloc-adresse .adresse {
	font-size: 13px;
	color: #43a2d2;
	font-style: italic;
	height: 87px;
}
#col-gauche .bloc-adresse strong {
	color: #fff;
}
#col-gauche .bloc-adresse .tel {
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-indent: 10px;
	font-style: italic;
	word-spacing: 2px;
}
#contenu {
	float: left;
	width: 675px;
}
#contenu h1 {
	color: #43a2d2;
	font-size: 14px;
	padding-bottom: 14px;
	width: 100%;
	margin-bottom: 18px;
	text-align: justify;
	border-bottom: 1px solid #1f1f1f;
}
#contenu .txt-page {
	color: #fff;
	text-align: justify;
	font-size: 13px;
	margin-bottom: 16px;
}
#contenu  .mentions {
	color: #212020;
	font-size: 11px;
	text-align: justify;
}

/***************** FOOTER *****************/
#footer {
	width:100%;
	clear: both;
	padding-top: 10px;
	position: relative;
}
#footer p.liens {
	color: #212020;
	text-align: right;
	font-size: 10px;
	padding-right: 15px;
}
#footer .logo-footer {
	position: absolute;
	left: 15px;
	top: -15px;
}
#footer a:link, #footer a:visited{
	text-decoration:none;
	color:#212020;
}
#footer a:hover, #footer a:active{
	text-decoration:underline;
	color:#212020;
}
/***************** STYLE GLOBAUX *****************/
a img{
	border:none;
}
.clearer {
	clear:both;
	float: left;
	width: 100%;
}
a:active, a:focus{
	outline:none;
}
.center {
	text-align: center;
}