/*
pas de left, ou padding et margin, décale les div
pas de top lors de l'utilisation des images de fond sinon décalé aussi => créer un autre div ou span pour le décalage du texte (top)

pour firefox
 WIDTH: .97% du body => max-width: 97%; pour 1024*768 mais 			96% pour 800*600
		.la somme des width des enfants cote a cote( methode float) d'un conteneur doit
		etre de 99.4% pour un retressicement de fenetre donc utilise min-width pour atteindre ce total ET max-width pour les atteindre les 100% (pour plein ecran)
		
 HEIGHT: .les height en pourcentages ne sont pas pris en compte pour des conteneurs vides
 		 donc min-height:XXpx; et max-height:XXpx OU mettre un  ;
*/


body{
  width:100%;
  min-width: 100%;/*pour firefox*/
  max-width: 100%;/*pour firefox*/
  height:100%;
  min-height:100%;
  margin: 0px 0px 0px 0px; /*top right bottom left*/
  padding: 0px 0px 0px 0px; /*top right bottom left*/
  /*padding: 10px 10px 10px 10px; /*top right bottom left*/
  font-family: Bitstream vera, Arial, Verdana Sans-serif, FreeSans;
  font-size: 12px;
 	/*	border: 1px solid #000000;	*/
}
.relative{
	position:relative;
}
.gauche{
	position:relative;
	float:left;
}

.droite{
	position:relative;
	float:right;
}
.w_10{	width:10px;}
.w_15{	width:15px;}
.w_30{	width:30px;}
.w_40{	width:40px;}
.h_0{	height:0px;}
.h_2{	width:100%;height:2px;}
.h_5{	width:100%;height:5px;}
.h_10{	width:100%;height:10px;}
.h_20{	width:100%;height:20px;}
.h_30{	width:100%;height:30px;}
.h_40{	width:100%;height:40px;}
.h_50{	width:100%;height:50px;}
.top_5{top:5px;}
.top_10{top:10px;}
.top_20{top:20px;}
.blanc{	background-color:#FFFFFF;}
.cent{	width:100%;}
.cinquante{	width:50%;}
.quarante{	width:40%;}
.fond_bleu{background-color: #56739A;}
.encadre{border:1px solid #000;}
.centrer{text-align:center;}
.font_blanche{color:#FFFFFF;}
.gras{font-weight:bold;}
.br{line-height:0.5;}

img{
  position:absolute;
	border:none;
}
/*img{
  position:relative;
	border:none;
}*/
h1, h2, h3, h4, h5, h6, form, script{
	margin:0;
	padding:0;
	font-size: 12px;
}
h1, h4{
  font-family: Bitstream vera, Arial, Verdana Sans-serif, FreeSans;
  font-size: 12px;
  font-weight:normal;
}


#accessibilite{
  position: relative;
	height:40px;
}
#img_accessibilite{
  position:relative;
  float:left;
}
#img_accessibilite img{
	height:40px;
	border:0px;
}
#lien_accessibilite{
  position:relative;
  float:right;
  right: 30px;
  top:10px;
  height:40px;
}
#lien_accessibilite a{
	color:#e64819;
	text-decoration:none;
	font-size:12px;
}

#ariane{
	position: relative;
	float:left;
	left:200px;
	top:7px;
}	
#ariane, #ariane a{
	text-decoration:none;
	color:#FFFFFF;
	font-size:10px;
}
#date{
	position: relative;
	float:right;
	top:0px;
	right:10px;
}
#date h6{
	color:#56739A;
	font-size:10px;
}

#plan_commune{ position:relative; height:320px;}
#plan_commune object{
	position:absolute;
	left:-300px;
	border:none;
	/*width:1043px; /*760 - 1043 - 550 - 500 - 380*/
	/*height:300px; /*240 - 300 - 174 - 158 - 120*/
}

table{
	width:500px;
	height:100%;
	border:none;
}

td{
  font-family: Bitstream vera, Arial, Verdana Sans-serif, FreeSans;
  font-size:12px;
}
.titre_td{
/*width:100px;*/
}
.souligne{
	text-decoration:underline;
}

/*
#################################################################################
#######################		STRUCTURE		#####################################
#################################################################################
*/

#header{
	position:relative;
 	float: left;
	width:100%;
 	height:194px;/*227px;*/
}

#precorps{
	position:relative;
 	float: left;
	width:100%;
 	height:20px;
	background: url(../images/decor/ombre_portee_1px.jpg) top left repeat;
}


#corps{
	position:relative;
 	float: left;
	width:100%;
	/*border-left: 1px solid #339999;*/ /* ie ok mais pas firefox car pas de height*/
	/*border-right: 1px solid #339999;*/
}

#prefooter{
	position:relative;
 	float: left;
	width:100%;
 	height:30px;
}

#footer{	
	position:relative;
 	float: left;
	width:100%;
 	height:34px;
}
/*
#################################################################################
########################		CORPS		#####################################
#################################################################################
*/

#corps_gauche{
	position:relative;
 	float: left;
	width: 250px;
}

#corps_centre{
	position:relative;
 	float: left;
	width: 52%;
	padding-left:20px;
	top:5px;
	/*border:1px solid #000;*/
}
#corps_droite{
	position:relative;
 	float: right;
	width: 190px;
	/*z-index:10;*/
}