/*******************************************************************************
**                                    GLOBAL                                   
*******************************************************************************/

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

.spacer {
	clear:both;
	font-size : 1px;
}

body {
	background: #dea;
}

/*******************************************************************************
**                                     INDEX                                   
*******************************************************************************/

div#index {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 780px;
	height: 420px;
	margin-top: -210px; /* moitié de la hauteur */
	margin-left: -390px; /* moitié de la largeur */
}

div#index a {
	float:right;
	font-size: 14px ;
	letter-spacing: 2px ;
	font-style:italic;
	font-weight:bold;
	color:#9b2;
	font-family: "Trebuchet MS";
	left:570px;
	top:320px;
	text-decoration:none;
}

div#index a:hover {
	text-decoration:underline;
}

div#index a img{
	border:0px;
}

/*******************************************************************************
**                                     FRAME                                   
*******************************************************************************/

#conteneur {
	position:absolute;
	left: 50%;
	width: 780px;
	margin-top: 20px;
	margin-bottom:20px;
	margin-left: -390px; /* moitié de la largeur */
	background-color: white;
	border: 2px solid #ab4 ; ;
	background: #fff ;
}

/*******************************************************************************
**                                    HEADER                                   
*******************************************************************************/

div#image_header {
	height:66px;
	width:780px;
	background-image : url('../img/header.jpg');
}

div#header {
	height:120px;
	width:780px;
	background-color:white;
}

div#header h1 {
	margin:0;
	padding:0;
}

div#header h1 a {
	margin: 0;
	padding: 0;
	position:absolute;
	right:30px;
	font-size: 30px ;
	font-family: "Mistral";
	padding-top:10px;
	background-color:white;
	color:black;
	text-decoration:none;
}

/*******************************************************************************
**                                     MENU                                   
*******************************************************************************/

div#menu {
	width:780px;
	height:35px;
}

div#menu ul {
	height: 35px ;
	margin: 0 ;
	padding: 0 ;
	background: url(../img/bg_menu.png) repeat-x 0 -25px ;
	list-style-type: none ;
}
			
div#menu ul li {
	float: left ;
	text-align: center ;
}

div#menu ul li a {
	line-height: 25px ;
	font-size: 10px ;
	padding-left:5px;
	padding-right:5px;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid white ;
	font-family:"Trebuchet MS";
}
		
div#menu ul li a:hover   {
	background: url(../img/bg_menu.png) repeat-x 0 0 ;
}

div#menu ul li a.select {
	background: url(../img/bg_menu_bis.png) repeat-x 0 0 ;
}

/*******************************************************************************
**                                     CONTENU                                   
*******************************************************************************/

div#contenu {
	padding: 0 25px 30px 100px;
	color:black;
	font-family:"Trebuchet MS";
}
		
div#contenu h2 {
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #9b2;
	border-bottom: 1px solid #9b2;
/*	margin-top:10px;
	margin-bottom: 10px;*/
}
		
div#contenu h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #9b2;
	border-left: 3px solid #9b2;
	color: #9b2;
/*	margin-bottom:20px;*/
}

div#contenu p {
	text-align: justify ;
/*	text-indent:2em;*/
	line-height: 1.7em ;
	/*padding-top:20px;*/
}
		
div#contenu a {
	color: #8a0 ;
	font-weight:bold;
	text-decoration:none;
}

div#contenu a:hover {
	text-decoration:underline;
	color: #9b2;
}


div#contenu a:link img {
	border-width:2px;
	border-color:white;
}

div#contenu a:visited img {
	border-width:2px;
	border-color:white;
}

div#contenu a:active img {
	border-width:2px;
	border-color:white;
}

div#contenu a:hover img {
	border-width:2px;
	border-color:white;
}

div#contenu UL{
	margin:10px 0px 0px 0px;
	list-style-type:none;
}

div#contenu LI {	
	padding-left:15px;
	background:url('../img/puce.png') no-repeat 0px 9px;
	text-align:justify;
}

/* IMAGE */
img.gauche {
	margin:20px;
	float:left;
}

gauche {
	margin:20px;
	float:left;
	display:block;
}

droite {
	margin:20px;
	float:left;
	display:block;
}

img.droite {
	float:right;
	margin:20px;
}

/* TABLEAU */
table.data {
	text-align:center; /* centrage du tableau */
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	margin-top:20px;
}

table.data th, table.data td  {
/*	color:white;
	background-color:black;*/
	color:#9b2;
	background-color:#dea;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
}

table.data th {
	text-align:left;
}

table.data td {
	text-align:center;
}

table.centrer {
	width:100%;
}

table.centrer td {
	text-align:center;
}

th.blank {
	background-color:white;
}

/* TABLEAU SURFACE */


TH#batA {
	background-color:#01a1b1;
	color:white;
}
TH#batB {
	background-color:#924779;
	color:white;
}
TH#batC {
	background-color:#f8c02F;
	color:white;
}

div.icpe {
	margin-left:140px;
	border:2px solid #9b2;
	width:380px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}


/* Actualités */

div.actualite {
}

.date
{
	color : gray;
	font-weight: bold;
	float: right;
	position: relative;
	top: 3px;
	font-size: 0.9em;
	margin:0px;
	padding:0px;
}

div.actualite img {
	float:left;
	position:relative;
	top:-25px;
	padding:10px;
}

/*******************************************************************************
**                                     image page                                  
*******************************************************************************/

#img_acceuil {
	position:absolute;
	left:30px;
	top:200px;
	background: url("../img/left/accueil.png") no-repeat;
	width:31px;
	height:136px;
}

#img_acces {
	position:absolute;
	left:30px;
	top:200px;
	background: url("../img/left/acces.png") no-repeat ;
	width:31px;
	height:105px;
}

#img_environnement {
	position:absolute;
	left:30px;
	top:200px;
	background: url("../img/left/environnement.png") no-repeat;
	width:31px;
	height:284px;
}

#img_surface {
	position:absolute;
	left:30px;
	top:200px;
	background: url("../img/left/surface.png") no-repeat;
	width:31px;
	height:139px;
}

#img_technique {
	position:absolute;
	left:30px;
	top:200px;
	background: url("../img/left/technique.png") no-repeat;
	width:38px;
	height:379px;
}

#img_taxe {
	position:absolute;
	left:30px;
	top:200px;
	background: url("../img/left/taxe.png") no-repeat;
	width:30px;
	height:103px;
}


#img_fiscalite {
	position:absolute;
	background: url("../img/left/fiscalite.png") no-repeat;
	left:30px;
	top:200px;
	width:31px;
	height:154px;
}

#img_divers {
	position:absolute;
	background: url("../img/left/divers.png") no-repeat;
	left:30px;
	top:200px;
	width:31px;
	height:113px;
}

#img_calendrier {
	position:absolute;
	background: url("../img/left/calendrier.png") no-repeat;
	left:30px;
	top:200px;
	width:31px;
	height:195px;
}

#img_plan {
	position:absolute;
	background: url("../img/left/plan.png") no-repeat;
	left:30px;
	top:200px;
	width:31px;
	height:94px;
}

#img_document {
	position:absolute;
	left:30px;
	top:200px;
	background: url("../img/left/document.png") no-repeat;
	width:30px;
	height:203px;
}

#img_lien {
	position:absolute;
	left:30px;
	top:200px;
	background: url("../img/left/lien.png") no-repeat;
	width:31px;
	height:95px;
}

#img_situation {
	position:absolute;
	left:30px;
	top:200px;
	background: url("../img/left/situation.png") no-repeat;
	width:31px;
	height:284px;
}

#img_partenaire {
	position:absolute;
	background: url("../img/left/partenaire.png") no-repeat;
	left:30px;
	top:200px;
	width:31px;
	height:210px;
}

#img_actualite {
	position:absolute;
	background: url("../img/left/actualite.png") no-repeat;
	left:30px;
	top:200px;
	width:31px;
	height:185px;
}

#img_presentation {
	position:absolute;
	background: url("../img/left/presentation.png") no-repeat;
	left:30px;
	top:200px;
	width:31px;
	height:234px;
}



#img_contact {
	position:absolute;
	background: url("../img/left/contact.png") no-repeat;
	left:30px;
	top:200px;
	width:31px;
	height:142px;
}

#img_fichier {
	position:absolute;
	background: url("../img/left/fichier.png") no-repeat;
	left:30px;
	top:200px;
	width:31px;
	height:145px;
}
	

/*******************************************************************************
**                                     PARTENAIRE.PHP                                  
*******************************************************************************/

.partenaire_titre {
	background-color:#9b2;
	color:white;
	font-weight:bold;
	width:200px;
	padding-left:10px;
}

.partenaire_groupe {
	margin-bottom:20px;
	border-color:#9b2;
	border-width:thin;
	border-style:solid;
	width:650px;
}

.partenaire_info {
	margin-left:10px;
}