/**********************************************
*  Elements génériques et classes globales    *
**********************************************/


* {margin:0; padding:0;}

body {background-color:black; font-family:"Trebuchet MS", sans-serif; font-size:0.9em}

img {border:0;}

.clear {clear:both;}

h2 { 
	text-indent:-9000px; 
	width:768px; 
	height:72px;
	display:block;
	margin-bottom:10px;
	background-position:bottom;
	background-repeat:no-repeat;
}

.separateur {
	background:url(img/hr-bg.png);
	border:0;
	width:100%;
	height:16px;
	margin-bottom:10px;
	margin-top:10px;
}

/********************************************
*  Mise en place des conteneurs généraux    *
********************************************/

#container {
	width:970px;
	margin:auto;
	margin-top:30px;
	position:relative;
}

#zoneLogo {
	width:200px; 
	height:500px; 
	float:left;
	margin:0; 
	padding:0;
}
#zoneLogo h1 {display:none}
#zoneLogo object, #zoneLogo embed { margin:60px 0 0 2px;}

#zoneContenu {
	width:770px;
	float:left;
	position:relative;
	background-color:#fff;
}

#zoneVisuel {
	height:162px;
	background-image:url(img/zonevisuel-bg-contact.png);
}
#contact {
	background-image:url(img/h2-contact-bg.png);
}
/***********************************
*  Le menu de ouf !                *
***********************************/
#menu { margin-left:340px;}
#menu a {display:block; padding:0 5px; margin:0 1px; float:left; text-indent:-9999px; height:20px}
#menu a:hover { background-position:0 -20px}
#menu a.active, #menu a.active:hover  { background-position:0 -40px}
#menu a.accueil { width:53px; background-image:url(img/menu-accueil.gif)}
#menu a.activites { width:63px; background-image:url(img/menu-activites.gif)}
#menu a.produits { width:61px; background-image:url(img/menu-produits.gif)}
#menu a.tarifs { width:43px; background-image:url(img/menu-tarifs.gif)}
#menu a.contacts { width:62px; background-image:url(img/menu-contacts.gif)}
#menu a.temoignages { width:96px; background-image:url(img/menu-temoignages.gif)}
#menu a.vip { width:75px; background-image:url(img/menu-vip.gif)}

/****************************************************
*  Les différenciations de couleurs selon les pages *
****************************************************/
body.rouge #zoneLogo {
	background-image:url(img/bg-logo-rouge.png);
}
body.rouge a {
	color:#570505;
	font-weight:bold;
}

/*************************************************
*  Les pages contact et login, les formulaires   *
*************************************************/

div.numeroTel { 
	background-image:url(img/numerotel-bg.png); 
	width:272px; 
	height:73px; 
	display:block; 
	text-align:center; 
	color:#fff; 
	padding-top:15px;
	line-height:18px;
	margin:auto;
	margin-top:-10px;
}

div.numeroTel h4 {
	font-size:24px;
}

/*********************************************
* Le lien etapes de la page activités       *
*********************************************/
body.rouge a#etapes {
	display:block;
	background-image:url(img/etapes-a-bg.png);
	height:136px;
	background-position:top -7px;
	margin-bottom:10px;
}

/*********************************************
* La page tarifs                             *
*********************************************/

#container #zoneContenu a#lienMinistere, #container #zoneContenu a#lienServices { width:50%; float:left; display:block; text-align:center; height:105px; vertical-align:middle;}

/*********************************************
* Pages dédiées          						 *
*********************************************/
#txt {
	margin:0 20px;
	font-size:12px;
}
#txt h3 {
	font-size:14px;
	color:#8f0d0d;
	margin-bottom:10px;
}
#txt strong {
	font-weight:normal;
}
#txt ul {
	margin-left:20px;
}
#txt .def {
	display:inline;
}
/*********************************************
* Le footer          						 *
*********************************************/
* html #footer {
	margin-top:-40px;
}
#footer {
	font-size:11px;
	color:#C1C1C1;
	text-align:center;
	padding-top:10px;
	padding-bottom:30px;
	margin-left:200px;
}
#footer a {
	color:#C1C1C1;

}

#footer a.lbb:hover { color:#fff;}