/* sty_header : VERSION GRAPHIQUE */
/* hack virer les pointillés */
a{outline: none;}
:focus{-moz-outline-style: none;}
/*
body,td,th {
*/
body {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 14px;
	color: #333333;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	vertical-align:top;
}
body{
	background-color:#787878;
}
a{
	text-decoration:none;
	color:#eeeeee;
	font-size:12px;
}
a:hover{
	color:#ffffff;
	text-decoration:underline;
	font-weight:bold;
}
#container_accueil{
	width:902px;
	height:900px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
}	
#container_haut {
	width:902px;
	height:30px;
	background-image:url('../fond/fond_haut.jpg'); 
	background-repeat:no-repeat;
	position:relative;
	top:0px;
	left:0px;
}
/********************************/
/*  ZONE MENU HAUT page accueil */
/********************************/
#cntr_menu{
	clear:both;
	width:902px;
	height:45px;
	margin:0;
	padding:0;
}
#cntr_menu .COL{
	float:left;
	width:902px;
}

#cntr_menu #zmenu{
	padding-left:70px;
	padding-top:12px;
	font-size:12px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	color: #333333;
}
	

#container_echasse {
	width:902px;
	height:245px;
	background-image:url('../fond/fond_echasse.jpg'); 
	background-repeat:no-repeat;
	position:relative;
	top:0px;
	left:0px;
}
#container_artifice {
	width:902px;
	height:165px;
	background-image:url('../fond/fond_artifice.jpg'); 
	background-repeat:no-repeat;
	position:relative;
	top:0px;
	left:0px;
}
#container_logo {
	width:902px;
	/*height:270px;GB02-03-2010*/
	height:250px;
	background-image:url('../fond/fond_logo.jpg'); 
	background-repeat:no-repeat;
	position:relative;
	top:0px;
	left:0px;
}
#container_pied {
	width:902px;
	height:170px;
	position:relative;
	top:0px;
	left:0px;
	clear:both;
}

#zone_pied {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#333333;
	padding-left:24px;
	padding-right:20px;
}
/* ZONE FONDU */
#zone_fondu{
	/*background-color:#CCFFFF;*/
	width:240px;
	height:165px;
	padding-left:524px;
	padding-top:0px;
}
/*****************************/
/* container pied            */
/*****************************/
#cntr_pied {
	clear:both;
	width:902px;
	height:170px;
	margin:0;
	padding:0;
}
/* 1ère colonne  : coordonnées mairie */

#cntr_pied .COL1{
	width:300px;
	height:170px;
	float:left;
}
#cntr_pied .COL1 .zone1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#333333;
	padding-left:25px;
	padding-right:00px;
}
#cntr_pied .COL1 .zone1 #zmairie{
	text-align:left;
	font-size:12px;
}
#cntr_pied .COL1 .zone1 #zcopyright{
	text-align:left;
	font-size:11px;
	padding-top:10px;
}
#cntr_pied .COL1 .zone1 #zweb{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left:0px;
	padding-top:15px;
	color:#ffcc99;
}
#cntr_pied .COL1 .zone1 #zweb a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#ffcc99;
	text-decoration:none;
	letter-spacing:0.1em;
}
#cntr_pied .COL1 .zone1 #zweb  a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#ffcc99;
	text-decoration:none;
	letter-spacing:0.1em;
}
#cntr_pied .COL1 .zone1 #zweb  a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#ffcc99;
	text-decoration:underline;
	letter-spacing:0.1em;
}
#cntr_pied .COL1 .zone1 #zweb a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#ffcc99;
	text-decoration:underline;
	letter-spacing:0.1em;
}


/* 2ème colonne  : liens navi et w3c */

#cntr_pied .COL2{
	float:left;
	width:540px;
	height:170px;
	padding:0;
	margin:0;
}
#cntr_pied .COL2 .zone2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#333333;
	padding-left:0px;
	padding-right:0px;
	text-align:right;
}
#cntr_pied .COL2 .zone2 #zlien{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
}
#cntr_pied .COL2 .zone2 #zlien a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#eeeeee;
	text-decoration:none;
	font-weight:normal;
}
#cntr_pied .COL2 .zone2 #zlien a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-decoration:underline;
	font-weight:normal;
}

#cntr_pied .COL2 .zone2 #zw3c{
	padding-left:0px;
	padding-top:40px;
}
#cntr_pied .COL2 .zone2 #zinfo{
	padding-left:0px;
	padding-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#99ccff;
}


/* ZONE 1 : bouton W3C / texte information asso  / liens */
#container_zone1{
	width:500px;
	height:170px;
	float:left;
}
#zone1_w3c{
	padding-left:0px;
	padding-top:20px;
}
#zone1_info{
	padding-left:0px;
	padding-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#99ccff;
}
#zone1_web{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left:0px;
	padding-top:15px;
	color:#0033CC;
}
#zone1_web a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#003399;
	text-decoration:none;
	letter-spacing:0.1em;
}
#zone1_web  a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#003399;
	text-decoration:none;
	letter-spacing:0.1em;
}
#zone1_web  a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#003399;
	text-decoration:underline;
	letter-spacing:0.1em;
}
#zone1_web  a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#003399;
	text-decoration:underline;
	letter-spacing:0.1em;
}

#zone1_lien{
	padding-left:0px;
	padding-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
}
/* ZONE 2 : Coordonnées Mairie + copyright */
#container_zone2{
	width:340px;
	height:170px;
	float:left;
}
#zone2_mairie{
	text-align:right;
	font-size:12px;
}
#zone2_copyright{
	text-align:right;
	font-size:11px;
	padding-top:10px;
}
/* ZONE MENU */
#zone_menu {
	font-size:12px;
	line-height:17px;
	color:#333333;
	padding-left:180px;
	padding-top:225px;
}
.item_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#931330;
	float:left;
	padding-right:18px;
	padding-left:18px;
	font-weight:normal;

}
.item_menu a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#eeeeee;
	font-size:12px;
	font-weight:normal;
}
.item_menu a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:underline;
	font-weight:normal;
}



/* REMPLACE CSS  */
#header_logo {
	width:902px;
	height:270px;
	background-image:url('../fond/fond_logo.jpg'); 
	background-repeat:no-repeat;
}
#header_haut {
	width:902px;
	height:30px;
	background-image:url('../fond/fond_haut.jpg'); 
	background-repeat:no-repeat;
}

.menuAccueil{
	font-weight:bold;
	text-align:center;
	color:#333333;
}

#header_echasse {
	width:902px;
	height:245px;
	background-image:url('../fond/fond_echasse.jpg'); 
	background-repeat:no-repeat;
	position:relative;
	top:0px;
	left:0px;
}
#header_artifice {
	width:902px;
	height:165px;
	background-image:url('../fond/fond_artifice.jpg'); 
	background-repeat:no-repeat;
}

#zone1_lien a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
}
#zone1_lien a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:normal;
}
#zone_pied .pied_de_page12 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
#zone_pied .pied_de_page11 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#zone_pied .pied_de_page13 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#99ccff;
}

/* OLD  */

#container_pied_accueil {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	width:902px;
	height:120px;
	color:#333333;
}

#header_pied {
	padding-left:20px;
	padding-right:20px;

}
#header_pied a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
}
#header_pied a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:normal;
}
#header_pied .pied_de_page12 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
#header_pied .pied_de_page11 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#header_pied .pied_de_page13 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#99ccff;
}

/* Liens vers des sites externes (nouvelle page)*/
.xlienExt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#555555;
	text-decoration:none;
}
.xlienExt a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#993333;
	font-weight:bold;
	text-decoration:none;
}
.xlienExt a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#993333;
	text-decoration:none;
}
.xlienExt a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#990000;
	text-decoration:underline;
}
.xlienExt a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#993333;
	text-decoration:underline;
	font-weight:bold;
}