/*
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;	*/
}

table
{
	position:relative;
  margin-left: auto;
  margin-right: auto;
}

#global {
  margin-left: auto;
  margin-right: auto;
  /*text-align: left; /* on rétablit l'alignement normal du texte */
  width: 1003px; /* largeur obligatoire pour être centré */
}
.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_3{	width:3px;}
.w_5{	width:5px;}
.w_8{	width:8px;}
.w_10{	width:10px;}
.w_11{	width:11px;}
.w_13{	width:13px;}
.w_14{	width:14px;}
.w_15{	width:15px;}
.w_16{	width:16px;}
.w_19{	width:19px;}
.w_20{	width:20px;}
.w_22{	width:22px;}
.w_28{	width:28px;}
.w_30{	width:30px;}
.w_34{	width:34px;}
.w_35{	width:35px;}
.w_37{	width:37px;}
.w_40{	width:40px;}
.w_50{	width:50px;}
.w_55{	width:55px;}
.w_70{	width:70px;}
.w_100{	width:100px;}
.w_105{	width:105px;}
.w_110{	width:110px;}
.w_112{	width:112px;}
.w_118{	width:118px;}
.w_135{	width:135px;}
.w_138{	width:138px;}
.w_140{	width:140px;}
.w_145{	width:145px;}
.w_150{	width:150px;}
.w_166{	width:166px;}
.w_170{	width:170px;}
.w_176{	width:176px;}
.w_182{	width:182px;}
.w_185{	width:185px;}
.w_196{	width:196px;}
.w_197{	width:197px;}
.w_200{	width:200px;}
.w_208{	width:208px;}
.w_210{	width:210px;}
.w_212{	width:212px;}
.w_215{	width:215px;}
.w_221{	width:221px;}
.w_222{	width:222px;}
.w_230{	width:230px;}
.w_232{	width:232px;}
.w_235{	width:235px;}
.w_248{	width:248px;}
.w_285{	width:285px;}
.w_295{	width:295px;}
.w_315{	width:315px;}
.w_320{	width:320px;}
.w_358{	width:358px;}
.w_429{	width:429px;}
.w_581{	width:581px;}
.h_0{	height:0px;}
.h_1{	height:1px;}
.h_2{	height:2px;}
.h_5{	height:5px;}
.h_7{	height:7px;}
.h_10{ height:10px;}
.h_15{ height:15px;}
.h_16{ height:16px;}
.h_17{ height:17px;}
.h_19{ height:19px;}
.h_20{ height:20px;}
.h_24{ height:24px;}
.h_25{ height:25px;}
.h_28{ height:28px;}
.h_30{ height:30px;}
.h_32{ height:32px;}
.h_37{ height:37px;}
.h_40{ height:40px;}
.h_45{ height:45px;}
.h_50{ height:50px;}
.h_55{ height:55px;}
.h_52{ height:52px;}
.h_74{ height:74px;}
.h_86{ height:86px;}
.h_93{ height:93px;}
.h_97{ height:97px;}
.h_100{	height:100px;}
.h_105{	height:105px;}
.h_109{	height:109px;}
.h_130{	height:130px;}
.h_154{	height:154px;}
.h_170{	height:170px;}
.h_176{	height:176px;}
.h_183{	height:183px;}
.h_206{	height:206px;}
.h_208{	height:208px;}
.h_290{	height:290px;}
.h_309{	height:309px;}
.h_315{	height:315px;}
.h_322{	height:322px;}
.h_350{	height:350px;}
.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;}
.non_souligne a{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;}
.font_orange{color: #EF8729;}

.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;

	position: relative;
	/*top:2px;*/
}

#pictos{
	position: relative;
	float:left;
	width:200px;
	z-index:10;
}
#pictos img{
	position: relative;
	float:left;
	top:2px;
}

#ariane{
	width:380px;
}	
#ariane, #ariane a{
	text-decoration:none;
	color:#000000; /*#8B5B44;*/
	font-size:10px;
	font-weight: normal;
}
#ariane h5
{
	position:relative;
	top:0px;
}
#ariane h5 img
{
	position:relative;
	top:2px;
}

#date{
	height:25px;
	width:197px;
	background: url(../images/decor/left1.png) top left repeat;
	text-align:center;
}
#date h6{
	color:#000000;
	font-size:10px;

	position:relative;
	top:5px;
}


#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:550px;
	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:141px;
/*	background:url(../images/decor/bandeau.png);*/
}

#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:0px;
}

#footer{	
/*
	position:relative;
 	float: left;
	width:100%;
*/
 	height:35px;
	background:url(../images/decor/bas_de_page.png);

}
/*
#################################################################################
########################		CORPS		#####################################
#################################################################################
*/

#corps_gauche{
	/*
	position:relative;
 	float: left;
	*/
	vertical-align:top;

	width: 0px;
}

#corps_centre{
	/*
	position:relative;
 	float: left;
	*/
	vertical-align:top;

	/*background: url(../images/decor/fond_degrade_centre.png) top left repeat;*/
}
#corps_droite{
	/*
	position:relative;
 	float: left;
	*/
	vertical-align:top;

	width: 222px;
	/*z-index:10;*/

	background-color:#f9f4f2;
}