/***************** BODY *****************/
* {
	/*---on passe toutes les marges à 0---*/
margin:0;
	padding: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: #000 url(../images/03noirgris/bg-body.jpg) center top no-repeat;
}
/***************** COULEUR TEXTE *****************/
#zoneTopLien a:hover,
#activiteTitre,
#infosTitre h1,
#infosTexte .sites a,
#activiteTitre a,
#encartTitre,
#contenu h1,
#contenu h2,
#contenu a:link, #contenu a:visited {
	color:#454545;
}
/***************** CONTAINER *****************/
#container {
	position:relative;
	width:972px;
	margin:0 auto;
}
/***************** ZONE TOP *****************/
#zoneTop {
	position:relative;
	float:left;
	display:inline;
	width:952px;
	height:29px;
	padding:5px 20px 0 0;
}
#zoneTopMentions, #zoneTopContact, #zoneTopFavoris, #zoneTopImprimer {
	position:relative;
	float:right;
	display:inline;
	height:29px;
	padding:0 0 0 40px;
	margin:0 0 0 20px;
	font:normal 11px/26px Arial, Helvetica, sans-serif;
}
#zoneTopMentions {
	background: url(../images/03noirgris/bg-zonetop-mentionslegales.png) left top no-repeat;
	_background:url();
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/03noirgris/bg-zonetop-mentionslegales.png", sizingMethod="crop");
}
#zoneTopContact {
	background: url(../images/03noirgris/bg-zonetop-contact.png) left top no-repeat;
	_background:url();
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/03noirgris/bg-zonetop-contact.png", sizingMethod="crop");
}
#zoneTopFavoris {
	background: url(../images/03noirgris/bg-zonetop-mentionslegales.png) left top no-repeat;
	_background:url();
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/03noirgris/bg-zonetop-mentionslegales.png", sizingMethod="crop");
}
#zoneTopImprimer {
	background: url(../images/03noirgris/bg-zonetop-imprimer.png) left top no-repeat;
	_background:url();
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/03noirgris/bg-zonetop-imprimer.png", sizingMethod="crop");
}
#zoneTopLien a{
	color:#757474;
	text-decoration:none;
}
#zoneTopLien a:hover{
	text-decoration:underline;
}
/***************** HEADER *****************/
#header {
	position:relative;
	float:left;
	display:inline;
	width:972px;
	height:206px;
}
#zoneHeaderPNG {
	position:absolute;
	top:0;
	left:0;
	width:972px;
	height:206px;
	background: url(../images/03noirgris/bg-header.png) center top no-repeat;
	_background:url();
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/03noirgris/bg-header.png", sizingMethod="crop");
	z-index:1;
}
#zoneHeaderContenu {
	position:absolute;
	top:0;
	left:0;
	width:972px;
	height:206px;
	z-index:50;
}
#headerLogo {
	position:absolute;
	top:16px;
	left:18px;
	height:182px;
}
#headerLogoImage {
	position:relative;
	float:left;
	display:inline;
	height:170px;
	margin:6px 20px;
	background:#fff;
	z-index:50;
}
#headerLogoGauche {
	position:absolute;
	top:0;
	left:0;
	height:177px;
	width:259px;
	z-index:5;
	background: url(../images/03noirgris/bg-headerlogo-gauche.png) center top no-repeat;
	_background:url();
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/03noirgris/bg-headerlogo-gauche.png", sizingMethod="crop");
}
#headerLogoDroite {
	position:absolute;
	bottom:0;
	right:0;
	height:176px;
	width:302px;
	z-index:5;
	background: url(../images/03noirgris/bg-headerlogo-droite.png) center top no-repeat;
	_background:url();
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/03noirgris/bg-headerlogo-droite.png", sizingMethod="crop");
}
#infosTitre {
	position:absolute;
	top:20px;
	left:675px;
}
#infosTitre h1{
	font:18px "Arial Black", Gadget, sans-serif;
}
#infosTexte {
	position:absolute;
	top:69px;
	left:667px;
	height:132px;
	width:304px;
	text-align:center;
	font:13px Arial, Helvetica, sans-serif;
	color:#757575;
}
#infosTexte .adresse{
	font:14px Arial, Helvetica, sans-serif;
}
#infosTexte .tel{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#000;
}
#infosTexte .sites a{
	font:12px Arial, Helvetica, sans-serif;
}
#infosTexte .sites a:hover{
	color:#000;
}
/***************** MENU TOP *****************/
#menuTop {
	position:relative;
	float:left;
	display:inline;
	z-index:10;
	width:805px;
	margin:0 6px 20px 6px;;
	height:47px;
	background: url(../images/03noirgris/bg-menutop.jpg) center top no-repeat;
	list-style:none;
	padding:0 0 0 155px;
}
#menuTop li{
position:relative;
float:left;
display:inline;
width:196px;
margin:0 28px 0 0;
}
#container #menuTop a{
	text-decoration:none;
	display:block;
	height:47px;
	overflow:hidden;
	font:14px/47px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	background:left top no-repeat;
	padding:0 0 0 40px;
}
#container #menuTop a:hover,
#container #menuTop a.trigered,
#container #menuTop a.rubrique_active{
	background-position:left bottom;
}
#menuTop li.bt1{}
#menuTop li.bt2{}
#menuTop li.bt3{}
#container #menuTop li.bt1 a{background-image:url(../images/03noirgris/bg-menutop-01.jpg);}
#container #menuTop li.bt2 a{background-image:url(../images/03noirgris/bg-menutop-02.jpg);}
#container #menuTop li.bt3 a{background-image:url(../images/03noirgris/bg-menutop-03.jpg);}
/***************** CONTENU *****************/
#contenu {
	float:left;
	position:relative;
	display:inline;
	width:972px;
	background:url(../images/03noirgris/bg-contenu.png) center top repeat-y;
	_background:url();
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/03noirgris/bg-contenu.png", sizingMethod="scale");
}
#activite {
	float:left;
	position:relative;
	display:inline;
	width:890px;
	margin:0 0 20px 21px;
	background:#e7e7e7;
	padding:15px 20px 25px 20px;
	font:13px Arial, Helvetica, sans-serif;
	color:#545454;
}
#activiteTitre{
	float:left;
	position:relative;
	display:inline;
	width:270px;
	margin:0 0 10px 0;
	background:#e7e7e7;
	font:bold 14px/24px Arial, Helvetica, sans-serif;
	border-bottom:#b6b6b6 2px solid;
}
#activiteTexte {
	float:left;
	position:relative;
	display:inline;
	width:890px;
	font:13px Arial, Helvetica, sans-serif;
	color:#545454;
}
#zoneGauche {
	float:left;
	position:relative;
	display:inline;
	width:630px;
	margin:0 0 0 21px;
}
#texte {
	float:left;
	position:relative;
	display:inline;
	font:13px/17px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:justify;
	margin:0 0 20px 0;
}
#encart {
	float:left;
	position:relative;
	display:inline;
	width:590px;
	margin:0 0 20px 0px;
	background:#e7e7e7;
	padding:15px 20px 25px 20px;
	font:13px Arial, Helvetica, sans-serif;
	color:#545454;
}
#encartTitre{
	float:left;
	position:relative;
	display:inline;
	width:270px;
	margin:0 0 10px 0;
	background:#e7e7e7;
	font:bold 14px/24px Arial, Helvetica, sans-serif;
	border-bottom:#b6b6b6 2px solid;
}
#encartTexte {
	float:left;
	width:590px;
	position:relative;
	display:inline;
	font:13px Arial, Helvetica, sans-serif;
	color:#545454;
}
#zoneGauchePhotos {
	float:left;
	position:relative;
	display:inline;
	width:630px;
	height:225px;
}
#zoneGauchePhoto1 {
	position:absolute;
	top:0;
	left:0;
}
#zoneGauchePhoto2 {
	position:absolute;
	top:0;
	right:0;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer {
	clear:both;
}
/***************** COL RIGHT *****************/
#colRight {
	float:left;
	position:relative;
	display:inline;
	width:270px;
	margin:0 0 0 30px;
}
#horaires {
	float:left;
	position:relative;
	display:inline;
	width:270px;
	height:200px;
	margin:0 0 20px 0;
	background: url(../images/03noirgris/bg-droite-horaires.jpg) center top no-repeat;
}
#horairesTitre {
	position:absolute;
	top:20px;
	left:20px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
}
#horairesTexte {
	position:absolute;
	top:52px;
	left:20px;
	width:230px;
	height:135px;
	font:14px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	overflow:hidden;
}
#horairesTexte .horaires{
	color:#b0afaf;
}
#droitePhotos {
	float:left;
	position:relative;
	display:inline;
	width:226px;
	padding:16px 22px;
	background: #dcdbdb;
}
#droitePhotos img{
	float:left;
	position:relative;
	display:inline;
	margin:10px 0;
}
/***************** FOOTER *****************/
#footer {
	position:relative;
	clear:both;
	width:972px;
	height:150px;
	margin:0 auto;
	background: url(../images/03noirgris/bg-footer.png) center top no-repeat;
	_background:url();
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/03noirgris/bg-footer.png", sizingMethod="crop");
}
#coginet {
	position:absolute;
	top:75px;
	left:30px;
	height:61px;
	width:101px;
	background: url(../images/03noirgris/bg-footer-logo.png) center top no-repeat;
	_background:url();
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/03noirgris/bg-footer-logo.png", sizingMethod="crop");
}
/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:bold 16px Arial, Helvetica, sans-serif;
letter-spacing:1px;
margin:0 0 12px;
}
#contenu h2{
font:bold 15px Arial, Helvetica, sans-serif;
letter-spacing:1px;
margin:0 0 7px;
}
#contenu p{
font:12px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#000;
margin-bottom:1.2em;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
}
#contenu a:hover, #contenu a:active{
color:#000;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:10px/20px Arial, Helvetica, sans-serif;
color:#a5a5a5;
text-align:center;
padding:80px 0 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#a5a5a5;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#a5a5a5;
}