/*
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: Myriad, 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;
}
.espace_5{	width:5%;}
.bottom_1{bottom:1px;}
.bottom_2{bottom:2px;}
.bottom_5{bottom:5px;}
.top_1{	top:1px;}
.top_2{	top:2px;}
.top_5{top:5px;}
.top_10{top:10px;}
.top_20{top:20px;}
.w_5{	width:5px;}
.w_10{	width:10px;}
.w_15{	width:15px;}
.w_20{	width:20px;}
.w_30{	width:30px;}
.w_40{	width:40px;}
.w_100{	width:100px;}
.w_170{	width:170px;}
.w_200{	width:200px;}
.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;}
.h_93{	width:100%;height:93px;}
.h_100{	width:100%;height:100px;}
.cent{	width:100%;}
.soixantequinze{	width:75%;}
.quatrevingtcinq{	width:85%;}
.quatrevingtquinze{	width:95%;}
.soixantecinq{	width:65%;}
.cinquante{	width:50%;}
.quarante{	width:40%;}
.trente{	width:30%;}
.centrer{text-align:center;}
.gras{font-weight:bold;}
.souligne{text-decoration:underline;}
.non_souligne{text-decoration:none;}
.br{line-height:0.5;}
.pointille_bas{
	border-bottom-style:dotted;
	border-bottom-color:#94997F;
}
.pointille_bas_forum{
	border-bottom-style:dotted;
	border-bottom-color:#006AB2;
}
.pointille_bas_blanc{
	border-bottom-style:dotted;
	border-bottom-color:#FFFFFF;
}
.pointille_bas_bleu{
	border-bottom-style:dotted;
	border-bottom-color:#0AB0DE;
}
.pointille_haut{
	border-top-style:dotted;
	border-top-color:#94997F;
}
.font_blanche{color:#FFFFFF;}
.font_noire{color:#000000;}
.font_rouge{color: #E73706;}
.encadre{border:1px solid #000;}

.fond_blanc{background-color: #FFFFFF;}
.fond_bleu{background-color: #70b5c7;}
.fond_gris{background-color:#EFEFE4;}

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

#accessibilite{
  position: relative;
}
/*
#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:#e73706;
	text-decoration:none;
	font-size:12px;
}

#pictos{
/*
	position: relative;
	float:right;
	width:100px;
	right:296px;
	z-index:10;
*/
	position: relative;
	width:200px;
	left:615px;
	top:190px;
	z-index:10;
}
#pictos img{
	position: relative;
	float:left;
}

#ariane{
	position: relative;
	float:left;
	left:20px;
}	
#ariane, #ariane a{
	text-decoration:none;
	color:#8B5B44;
	font-size:10px;
}
#date{
	position: relative;
	float:left;
	left:20px;
	width:200px;
}
#date h6{
	color:#56739A;
	font-size:10px;
}

#plan_commune{
	position:relative;
	height:73px;
	background: url(../images/decor/plan.png) top left no-repeat;
}
#coin_forum{
	position:relative;
	height:25px;
	background: url(../images/decor/plan_forum.png) top left no-repeat;
}
#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: Myriad, 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:230px;
}

#precorps{
	position:relative;
 	float: left;
	width:100%;
 	height:30px;
	/*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:30px;
}
/*
#################################################################################
########################		CORPS		#####################################
#################################################################################
*/

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

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