/*
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{
	/*margin: 0px 0px 0px 0px; /*container plein ecran*/
	margin: 0px auto 0px auto; /*container centrer*/
	/*implique egalement pas de width:100%; mais width:XXpx; sur ces memes container */
	width:1003px;/*100%*/
  padding: 0px auto 0px auto; /*top right bottom left*/
  /*padding: 10px 10px 10px 10px; /*top right bottom left*/
/*
  min-width: 100%;/*pour firefox*
  max-width: 100%;/*pour firefox*
*/
/*
  height:100%;
  min-height:100%;
*/
  font-family: Myriad, Bitstream vera, Arial, Verdana Sans-serif, FreeSans;
  font-size: 12px;
 	/*	border: 1px solid #000000;	*/
}
.relative{
	position:relative;
}
.block{
	display:block;
}

.gauche{
	position:relative;
	float:left;
}
.droite{
	position:relative;
	float:right;
}

.espace_5{	width:5%;}
.top_1{	top:1px;}
.top_2{	top:2px;}
.top_5{top:5px;}
.top_10{top:10px;}
.top_20{top:20px;}
.bottom_10{bottom:10px;}
.w_5{	width:5px;}
.w_6{	width:6px;}
.w_10{	width:10px;}
.w_15{	width:15px;}
.w_20{	width:20px;}
.w_22{	width:22px;}
.w_27{	width:27px;}
.w_30{	width:30px;}
.w_35{	width:35px;}
.w_40{	width:40px;}
.w_50{	width:50px;}
.w_60{	width:60px;}
.w_80{	width:80px;}
.w_90{	width:90px;}
.w_100{	width:100px;}
.w_110{	width:110px;}
.w_120{	width:120px;}
.w_130{	width:130px;}
.w_140{	width:140px;}
.w_160{	width:160px;}
.w_180{	width:180px;}
.w_190{	width:190px;}
.w_204{	width:204px;}
.w_250{	width:250px;}
.w_300{	width:300px;}
.w_616{	width:616px;}
.w_618{	width:618px;}
.w_625{	width:625px;}
.w_628{	width:628px;}
.w_630{	width:630px;}
.w_637{	width:637px;}
.w_643{	width:643px;}
.w_644{	width:644px;}
.w_645{	width:645px;}
.w_647{	width:647px;}
.w_650{	width:650px;}
.w_667{	width:667px;}
.w_668{	width:668px;}
.w_669{	width:669px;}
.w_671{	width:671px;}
.w_680{	width:680px;}
.w_681{	width:681px;}
.w_683{	width:683px;}
.w_690{	width:690px;}
.w_700{	width:700px;}
.w_710{	width:710px;}
.w_730{	width:730px;}
.w_755{	width:755px;}
.w_790{	width:790px;}
.w_810{	width:810px;}
.w_863{	width:863px;}
.w_900{	width:900px;}
.w_959{	width:959px;}
.h_15_ie_30{	height:15px;}
.h_20_ie_30{	height:20px;}
.h_0{	height:0px;}
.h_1{	height:1px;}
.h_2{	height:2px;}
.h_3{	height:3px;}
.h_5{	height:5px;}
.h_10{	height:10px;}
.h_14{	height:14px;}
.h_15{	height:15px;}
.h_22{	height:22px;}
.h_22{	height:22px;}
.h_25{	height:25px;}
.h_30{	height:30px;}
.h_35{	height:35px;}
.h_38{	height:38px;}
.h_40{	height:40px;}
.h_45{	height:45px;}
.h_50{	height:50px;}
.h_55{	height:55px;}
.h_60{	height:60px;}
.h_65{	height:65px;}
.h_70{	height:70px;}
.h_77{	height:77px;}
.h_90{	height:90px;}
.h_93{	height:93px;}
.h_100{	height:100px;}
.h_110{	height:110px;}
.h_115{	height:115px;}
.h_120{	height:120px;}
.h_140{	height:140px;}
.h_180{	height:180px;}
.h_200{	height:200px;}
.h_300{	height:300px;}
.cent{	width:100%;}
.soixantequinze{	width:75%;}
.quatrevingtquinze{	width:95%;}
.cinquante{	width:50%;}
.quarante{	width:40%;}
.trente{	width:30%;}

.font_6{font-size: 6pt;}
.font_7{font-size: 7pt;}
.font_8{font-size: 8pt;}
.font_9{font-size: 9pt;}
.font_10{font-size: 10pt;}
.font_11{font-size: 11pt;}
.font_12{font-size: 12pt;}
.font_13{font-size: 13pt;}
.font_14{font-size: 14pt;}
.font_15{font-size: 15pt;}
.font_16{font-size: 16pt;}
.font_17{font-size: 17pt;}

.pointer{cursor:pointer;}

.center, .centrer{text-align:center;vertical-align:middle;}
.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_haut{
	border-top-style:dotted;
	border-top-color:#94997F;
}
.font_blanche{color:#FFFFFF;}
.font_noire,.font_noire a{color:#000000;text-decoration:none;}
.font_rouge, .font_rouge a{color: #C1272D;text-decoration:none;}
.font_grise{color: #999999;}
.font_bleu{color: #048bba;}
.font_jaune{color:#ffcc00;}
.font_vert{color:#00A19A;}
.font_marron,.font_marron a{color:#7B6A58;text-decoration:none;}
.encadre{border:1px solid #000000;}
.encadre_rouge{border:1px solid #C1272D;}
.hachure{background-image: url(../Medias/Images/Decor/hachure.png);}
.supprime{background-image: url(../Medias/Images/Decor/supprime.png);}

.top_3{top:3px;}

.border_bleu_ciel{border:2px solid #0FA19A;}
.border_marron, .border_marron a {border:1px solid #7B6A58;}
.border_bas_jaune{border-bottom: 1px solid #ffcc00;}

.bottom_1_marron{border-bottom: 1px solid #7B6A58;}
.bottom_10_bleu_ciel{border-bottom: 10px solid #C1D3D0;}
.top_10_bleu_ciel{border-top: 10px solid #C1D3D0;}
.top_1_marron{border-top: 1px solid #7B6A58;}
.top_10_marron{border-top: 10px solid #7B6A58;}
.top_10_blanc{border-top: 10px solid #FFFFFF;}

.fond{	background-color:#F4EED7;}
.fond_blanc{background-color: #FFFFFF;}
.fond_bleu{background-color: #56739A;}
.fond_bleu_gris{background-color: #F4F2F9;}
.fond_gris{background-color:#DADADA;}
.fond_marron{background-color:#7B6A58;}
.fond_bleu_ciel{background-color:#C1D3D0;}

.fond_jaune{background-color:yellow;}
.fond_rouge{background-color:red;}
.fond_vert{background-color:green;}

.fond_creneau_regulier{background-color:#BE1622;}
.fond_manifestation_ponctuelle{background-color:#312783;}

.fond_onglets_evenement{
}

.fond_onglet{
	background: url(../Medias/Images/Decor/titre_onglet_off.png) top left no-repeat;
}
.onglet_selectionne{
	background: url(../Medias/Images/Decor/titre_onglet_on.png) top left no-repeat;
}

.fond_titre{
	/*width:190px;*/
	height:20px;
	background:#cbdfdc url(../Medias/Images/Decor/bouton.png) top left no-repeat;
}
.fond_bandeau{
	width:667px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau.png) top left no-repeat;
}
.fond_ajout_evenements{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_ajouter_evenement.png) top left no-repeat;
}
.fond_modif_evenements{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_modifier_evenement.png) top left no-repeat;
}
.fond_supprime_evenement{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_supprimer_evenement.png) top left no-repeat;
}
.fond_recherche_evenement{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_rechercher_evenement.png) top left no-repeat;
}
.fond_historique_evenement{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_historique_evenement.png) top left no-repeat;
}
.fond_valide_evenement{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_valider_evenement.png) top left no-repeat;
}
/*
.fond_titre_descriptif{
	width:628px;
	height:22px;
	background: url(../Medias/Images/Decor/titre_descriptif.png) top left no-repeat;
}
.fond_titre_materiel{
	width:628px;
	height:22px;
	background: url(../Medias/Images/Decor/titre_materiel.png) top left no-repeat;
}
.fond_titre_protocole{
	width:628px;
	height:22px;
	background: url(../Medias/Images/Decor/titre_protocole.png) top left no-repeat;
}
*/
.fond_achat_materiel{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_achat_materiel.png) top left no-repeat;
}
.fond_ajout_tiers{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_ajouter_tiers.png) top left no-repeat;
}
.fond_modif_tiers{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_modifier_tiers.png) top left no-repeat;
}
.fond_MAJ_stock{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_MAJ_stock.png) top left no-repeat;
}
.fond_visualiser_stock{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_visualiser_stock.png) top left no-repeat;
}
.fond_historique_stock{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_historique_stock.png) top left no-repeat;
}
/*
.fond_titre_materiel_stock{
	width:628px;
	height:22px;
	background: url(../Medias/Images/Decor/titre_materiel_stock.png) top left no-repeat;
}
.fond_titre_protocole_stock{
	width:628px;
	height:22px;
	background: url(../Medias/Images/Decor/titre_protocole_stock.png) top left no-repeat;
}
*/

.fond_visualiser_creneaux_reguliers{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_visualiser_creneaux_reguliers.png) top left no-repeat;
}
.fond_modif_creneaux_reguliers{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_modifier_creneaux_reguliers.png) top left no-repeat;
}
.fond_a_partir_creneau_regulier{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_a_partir_creneau_regulier.png) top left no-repeat;
}

/*
 * administration avancee
*/
.fond_titre_jour{
	width:667px;
	height:25px;
	background: url(../Medias/Images/Decor/titre1jour.png) top left no-repeat;
}
.fond_titre_3jours{
	width:667px;
	height:25px;
	background: url(../Medias/Images/Decor/titre3jours.png) top left no-repeat;
	background: url(../Medias/Images/Decor/titre1jour.png) top left no-repeat;
}

.fond_bouton{
	width:130px;
	height:20px;
	background: url(../Medias/Images/Decor/bouton.png) top left no-repeat;
}
.fond_gerer_lieux{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_gerer_lieux.png) top left no-repeat;
}
.fond_ajout_lieux{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_ajouter_lieu.png) top left no-repeat;
}
.fond_modif_lieux{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_modifier_lieu.png) top left no-repeat;
}
.fond_gerer_themes{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_gerer_themes.png) top left no-repeat;
}
.fond_ajout_themes{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_ajouter_theme.png) top left no-repeat;
}
.fond_modif_themes{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_modifier_theme.png) top left no-repeat;
}
.fond_gerer_tiers{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_gerer_tiers.png) top left no-repeat;
}
.fond_ajout_types_tiers{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_ajouter_type_tiers.png) top left no-repeat;
}
.fond_ajout_tiers{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_ajouter_tiers.png) top left no-repeat;
}
.fond_modif_tiers{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_modifier_tiers.png) top left no-repeat;
}
.fond_modif_types_tiers{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_gerer_tiers.png) top left no-repeat;
}
.fond_gerer_groupes{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_gerer_groupes_personnes.png) top left no-repeat;
}
.fond_ajout_groupes{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_ajouter_groupes_personnes.png) top left no-repeat;
}
.fond_modif_groupes{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_modifier_groupes_personnes.png) top left no-repeat;
}
.fond_gerer_stock{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_gerer_stock.png) top left no-repeat;
}
.fond_ajout_stock{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_ajouter_stock.png) top left no-repeat;
}
.fond_modif_stock{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_modifier_stock.png) top left no-repeat;
}
.fond_gerer_comptes{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_gerer_comptes.png) top left no-repeat;
}
.fond_ajout_comptes{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_gerer_comptes.png) top left no-repeat;
}
.fond_modif_comptes{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_gerer_comptes.png) top left no-repeat;
}
.fond_ordre_service{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_ordre_service.png) top left no-repeat;
}
.fond_ordre_service{
	width:628px;
	height:55px;
	background: url(../Medias/Images/Decor/bandeau_week_end.png) top left no-repeat;
}


.deconnexion{
	position:relative;
	border:none;
	background-color:transparent;
	background-image:url(../Medias/Images/Decor/bouton.png);
	background-repeat:no-repeat;
	height:17px;
	vertical-align:middle;
	width:130px;
	}

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;
	width:200px;
}
#date h6{
	color:#FFFFFF;
	font-size:10px;
}
*/
#date{
	width:130px;
	height:55px;
	background: url(../Medias/Images/Decor/fond_date.png) top left; /* no-repeat;*/
}
#plan_commune{
	position:relative;
	height:73px;
	background: url(../medias/images/decor/plan.png) top left no-repeat;
}
#coin_forum{
	position:relative;
	height:25px;
	background: url(../medias/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{
	/*height:100%;*/
	border:none;
	vertical-align:top;
	/*
	position:relative;
	width:100%;
	cellspacing:0;
	cellpadding:0;
	*/
}

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

.infobulle{
	position: absolute;
	z-index:100;
	visibility : hidden;
	padding: 10px;
}

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

#header{
	position:relative;
 	float: left;
	width:1003px;
 	height:195px;
}

#precorps{
	position:relative;
 	float: left;
	width:1003px;
 	height:20px;
}

#corps{
	position:relative;
 	float: left;
	width:1003px;
	/*background: url(../medias/images/degrade.png) top left no-repeat;*/
	/*background-color:#cfbfaf;*/
	/*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:1003px;
 	height:0px;
	background-color:#FFFFFF;

}

#footer{	
	position:relative;
 	float: left;
	width:1003px;
 	height:20px;
	text-align:center;
}
/*
#################################################################################
########################		CORPS		#####################################
#################################################################################
*/

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

#corps_centre{
	position:relative;
 	float: left;
	width: 755px;
	/*padding-right:20px;*/
	/*border:1px solid #000;*/
}
#corps_droite{
	position:relative;
 	float: right;
	width: 20%;
	text-align:right;
	/*z-index:10;*/
}

.button_menu{width:35%;}
.titre_menu{width:64%;
	position:relative;
	left:-4px;
}
#button_lieu,#button_theme,#button_tiers{top: -13px;}

.titre_sous_menu{
	width:64%;
	position:relative;
	left:-4px;
}
.select_menu{
	position:relative;
	top:-4px;
	left:-2px;
	font-size:8pt;
}
.select_sous_menu{
	position:relative;
	left:-2px;
	font-size:6pt;
}
#formulaire{left: -65px;}

.conteneur_date input{width: 120px;}
.conteneur_date img{position :relative; top:6px;}