/* CSS Document */

/* BALISES HTML GLOBALE */
* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #fff;
	height: 100%;
	padding: 0px 0px 20px 0px;
	
	text-align: center;
}

a img {
	border: none;
}

/* ACCESSIBILITE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#liensevitement { /* Block contenant les liens d'evitement */
	position: relative;
	text-align:right;
	font-size: 0.8em;
	z-index: 1;
	color:#FFFFFF;
	height:10px;
	text-align: right;
	margin: 0px 0px 5px 0px!important;
	margin: 0px 0px 0px 0px;
}

#liensevitement a { /* Les liens d'evitement */
	text-decoration: none;
	color: #fff;
    margin: 0 0 0 7px;
}
#liensevitement a:hover, #liensevitement a:focus, #liensevitement a:active {  
/* Rollover des liens d evitement */
	text-decoration: underline;
	color: #003042;
}

/* STRUCTURE DE LA PAGE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#conteneur { /* Conteneur global */
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1003px;
	
	z-index: 1;
	
	background-color: #fff;
	
	text-align: left;
	
}


#flash {

	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;

}
#flash p#bandeau {
	background-image: url(images/page_bandeau.jpg);
	background-repeat: no-repeat;
}
h1 {
	position: absolute;
	top: 35px;
	left: 0px;
	
	width: 347px;
	height: 95px;
	z-index: 99;
}
h2.access {  /* Balise H2 masquee */
	position: absolute;
	color: #FFFFFF;
	z-index: 100;
	font-size: 100%;
	top:-10000px;
}

/* MENU LANGUE ET CONTACT */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul#menu_contact { /* Block Menu2 */
	position: absolute;
	top: 87px;
	left: 347px;
	
	width: 457px;
	height: 43px;
	
	background-image: url(images/home_bg_menu_contact.png);
	background-repeat: repeat-x;
}
html>body #menu_contact {
	height: auto;
	min-height: 43px;
}

ul#menu_contact  { /* Menu2  liste */
	list-style-type: none;
}

#menu_contact li { /* Menu2  element liste */
	display: inline;
}

#menu_contact li a { /* Menu2  element liste lien */
	float: right;
	
	display: block;
	padding: 0px 0px 0px 0px;
	_padding:  15px 0px 0px 0px; /* Correction IE */
	
	height: 43px;
	width: 100px;
	
	line-height: 43px;
	
	text-decoration:none;
	text-align: center;
	font-weight:bold;
	color: #979faa;
	font-size: 0.9em;
	
	background-repeat: no-repeat;
	background-position: 0em 0.4em;
}
#menu_contact li a:hover { /* Menu2  element liste lien hover */
	text-decoration: underline;
	background-image: url(images/home_bg_menu_contact-over.png);
	background-repeat: repeat-x;
	color: #5c637c;
}
#menu_contact li img { 
	vertical-align: middle;
}
.separation_contact {
	float: right;
}


/* FORMULAIRE DE RECHERCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#recherche {  /* Formulaire */
	position: absolute;
	top: 87px;
	left: 804px;
	
	background-image: url(images/home_bg_recherche.gif);
	background-repeat: no-repeat;
	
	height: 43px;
	width: 181px;
	
	padding: 10px 0px 0px 8px;
	z-index: 89;
}

#recherche label { /* Label */
	display: none;
}

#recherche img, #recherche input { 
	vertical-align: middle;
}

#recherche input { /* Champ de saisie */
	color: #62819e;
	border: 1px solid #dddee3;
	width: 120px;
	font-size: 0.9em;
	text-align: center;
	text-transform: uppercase;

	font-family: Arial, Helvetica, sans-serif;
}

#recherche input.boutonok, input.boutonok  {
	width: 22px;
	height: 16px;
	
	background-image:url(images/bouton_ok_access.gif);
	border: none;
	background-repeat: no-repeat;
	
	color: #FFFFFF;
	font-size: 0.9em;
	
	text-align: center;
	text-transform: uppercase;
}

#recherche input.boutonok:hover, input.boutonok:hover {
	background-image:url(images/bouton_ok_access-over.gif);
	color: #54595C;
}
/* CONTENU EXTENSIBLE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#block_contenu { /* Block contenu */
	/* position: absolute; */
	position: relative; /* Debug imprimer 2 */
	top: 130px;
	left: 0px;
	
	width: 1003px;
	
	z-index:90;
	
	background-color: #fff;	
}



/* MENU PRINCIPAL */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#fond_principal {
	position: relative;
	width: 1003px;
	
	background-image: url(images/home_bg_fondprincipal.gif);
	background-repeat: repeat-y;
	
	z-index: 80;
}
#nav_principale { /* Block Navigation principale */
	float: left;
	background-image: url(images/home_bg_menuprincipal.jpg);
	background-repeat: no-repeat;
	
	width: 643px;

	padding: 0px 0px 0px 160px;

	list-style-type:  none;
}



ul#nav_principale li { /* Elements Navigation principale */
	display: inline;
	
	color: #fff;
}
ul#nav_principale li a { /* Elements Navigation principale */
	display: block;
	float: left;
	width: auto;
	height: 19px;
	padding: 1px 17px 0px 17px;
	
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	color: #fff;

 	/*Ajout PW */	
	font-weight:bold;
	letter-spacing:0px;
 	/*Fin Ajout PW */	

	line-height: 19px;
	
	/* background-color: #F29F01; */
	/* background-image: url(images/home_bg_menuprincipal2.jpg); 
	background-repeat: repeat-x; */
	
}
html>body #nav_principale li a {
	height: auto;
	min-height: 19px;
}
ul#nav_principale li a:hover, ul#nav_principale li a.actif { /* Elements Navigation principale */
	/*color: #f6b740;*/
	
	background-image: url(images/home_bg_menuprincipal-over.jpg);
	background-repeat: repeat-x;
	
	background-color: #EB5701;
}

#right_menu {
	float: right;
	
	background-image: url(images/home_bg_rightmenu.jpg);
	background-repeat: no-repeat;
	
	width: 200px;
	
	
	height: 19px;
	line-height: 19px;
}
html > body #right_menu {
height:auto;
min-height:19px;
}

/* ZONE DE CONTENU */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#zone_contenu_bg {
		
	background-image: url(images/page_bg_colonnecontenu.jpg);
	
	background-repeat: repeat-y;
	

}

#zone_contenu {
	position:relative;
	background-image: url(images/home_bg_blockcontenu.jpg);
	background-position: top;
	background-repeat: no-repeat;
	
	width: 1003px;
	
	margin: -3px 0px 0px 0px;
	padding:  20px 0px 0px 0px;
	
	z-index: 90;

}



/* COLONNE GAUCHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#colonne_gauche { /* Colonne gauche */
	float: left;
	
	position: relative;
	z-index: 50;
	
	width: 234px;
	height: 570px;
	
	padding-top: 20px!important;
	padding-top: 0px;
	
	overflow-x: visible!important;
	overflow-x: hidden;
}

html>body #colonne_gauche {
	height: auto;
	min-height: 570px;
}

h2.communaute { /* Colonne gauche */
	background-image: url(images/home_bg_h2.jpg);
	background-repeat: no-repeat;
	background-position: 25% 20%;
	background-color: #FFFFFF;
	
	padding:  19px 0px 15px 60px!important;
	margin:  -18px 0px 0px 0px!important;
	
	padding:  12px 0px 15px 60px;
	margin:  0px 0px 0px 0px;
	
	height: 30px;
}
html>body h2.communaute { 
	height: auto;
	min-height: 30px;
}


/* MENU MARCHE PRESSE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Arriere plan */
#marche_presse_bg {
	background-image: url(images/page_menussrub_bgrepeat.gif);
	background-repeat: repeat-y;
	
	width: 175px;
	margin:  0px 0px 0px 50px;
}
/* fond */
#marche_presse_fond {
	background-image: url(images/home_fond_menussrub.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	
	width: 175px;
	padding:  0px 0px 1px 0px;
	
}

#marche_presse {
	/* height: 79px; */
	
	padding:  0px 0px 0px 0px;
	
	/* background-image: url(images/home_bg_marche_presse.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	 */
	
	list-style-type: none;
}
html>body #marche_presse {
	/*
	height: auto;
	min-height: 79px;
	*/
}
#marche_presse li {
	display: inline;
}
/* Style lien et roll over */
#marche_presse li a {
	display: block;
	
	width: 123px;
	
	padding:  12px 0px 12px 47px;
	margin:  0px 5px 0px 1px;
	
	background-position: 5px 50%;
	background-repeat: no-repeat;
	background-color: #fbfbfb;
	
	font-size: 0.95em;
	color: #995400;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	
	border-bottom: 1px solid #e4e3e7;
}

#marche_presse li a:hover {	
	text-decoration: underline;
	color: #5e3400;
}
/* Picto lien marche */
#marche_presse li a.marche {
	background-image: url(images/home_puce_marche.gif);
	
}
#marche_presse li a.marche:hover {
	background-image: url(images/home_puce_marche-over.gif);
	background-color: #f2f2f5;
}

/* Picto lien presse */
#marche_presse li a.presse {
	background-image: url(images/home_puce_presse.gif);
}
#marche_presse li a.presse:hover {
	background-image: url(images/home_puce_presse-over.gif);
	background-color: #f2f2f5;
}


/* MENU DEMOCRATIE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h2.h2democratie {
	background-image: url(images/page_bg_h2democratie.jpg);
	background-repeat: no-repeat;
	
	width: 151px!important;
	width: 175px;
	height: 43px;
	
	margin: 0px 0px 0px 50px;
	padding: 10px 4px 5px 20px;
	
	font-size: 1.5em;
}
#democratie {
	height: 231px;
	
	width: 175px;
	margin:  0px 0px 0px 50px;
	
	background-image: url(images/page_bg_democratie.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	
	list-style-type: none;
	
	overflow: visible!important;
	overflow-x: hidden;
}
html>body #democratie {
	height: auto;
	min-height: 231px;
}
#democratie li {
	display: inline;
}
/* Style lien et roll over */
#democratie li a {
	width: 123px;

	display: block;
	padding:  7px 0px 7px 47px;
	margin:  0px 4px 0px 1px;
	
	background-position: 5px 50%;
	background-repeat: no-repeat;
	
	font-size: 0.95em;
	color: #5e6670;
	font-weight: bold;
	text-decoration: none;
	
	border-bottom: 1px solid #edecef;
}

#democratie li a:hover {	
	text-decoration: underline;
	color: #3a3e45;
	background-color: #f7f7f9;
	border-bottom: 1px solid #e1e0e6;
}
/* Picto lien faq */
#democratie li a.faq {
	background-image: url(images/home_puce_faq.gif);
}
#democratie li a.faq:hover {
	background-image: url(images/home_puce_faq-over.gif);

}

/* Picto lien forum */
#democratie li a.forum {
	background-image: url(images/home_puce_forum.gif);
}
#democratie li a.forum:hover {
	background-image: url(images/home_puce_forum-over.gif);
}

/* Picto lien demarches */
#democratie li a.demarches {
	background-image: url(images/home_puce_demarches.gif);
	padding:  4px 0px 4px 47px;
}
#democratie li a.demarches:hover {
	background-image: url(images/home_puce_demarches-over.gif);
}
/* Picto lien actes */
#democratie li a.actes {
	background-image: url(images/home_puce_actes.gif);
}
#democratie li a.actes:hover {
	background-image: url(images/home_puce_actes-over.gif);
}

/* Picto lien agenda */
#democratie li a.agenda {
	background-image: url(images/home_puce_agenda.gif);
	padding:  4px 0px 4px 47px;
}
#democratie li a.agenda:hover {
	background-image: url(images/home_puce_agenda-over.gif);
}
/* Picto lien concertations */
#democratie li a.concertations {
	background-image: url(images/home_puce_concertations.gif);
	padding:  4px 0px 4px 47px;
}
#democratie li a.concertations:hover {
	background-image: url(images/home_puce_concertations-over.gif);
}
/* Picto point de vue */
#democratie li a.pointvue {
	background-image: url(images/home_puce_pointvue.gif);
	padding:  8px 0px 8px 47px;
}
#democratie li a.pointvue:hover {
	background-image: url(images/home_puce_pointvue-over.gif);
}

/* Picto lien fil rss */
#democratie li a.rss {
	background-image: url(images/home_puce_rss.gif);
	margin: 10px 0px 0px 1px;
	border: none;
}
#democratie li a.rss:hover {
	background-image: url(images/home_puce_rss-over.gif);
	background-color: transparent;
	border: none;
}


/* COLONNE CONTENU */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#colonne_contenu {
	float: left;
	
	position: relative;
	z-index: 50;
	
	width: 495px;/* 559 */
	margin-left: 25px;
	margin-right: 39px;
	
	overflow-x: visible!important;
	overflow-x: hidden;
	
}

/* COLONNE DROITE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#colonne_droite {
	float: left;
	
	position: relative;
	z-index: 50;
	
	width: 210px;
	
	overflow-x: visible!important;
	overflow-x: hidden;
	
	background-color: #f8f8f9;
	background-image: url(images/page_bg_coldroite.gif);
	background-repeat: repeat-y;
	
	margin-top: -5px;
	padding-top: 0px;
	
}

h2.outils { /* Colonne gauche */
	background-image: url(images/page_puce_outils.gif);
	background-repeat: no-repeat;
	background-position: 25% 50%;
	
	padding:  10px 0px 0px 27px;
	margin:  0px 40px 0px 0px;
	_margin:  0px 30px 0px 0px;
	
	height: 28px;
	width: auto;
	
	float: right;
	
	color: #f39f00;
	font-size: 1.2em;
	text-align: left;
}

/* MENU OUTILS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Arriere plan */
#outils_bg {
	background-image: url(images/page_menuoutils_bgrepeat.gif);
	background-repeat: repeat-y;
	
	width: 160px;
	margin:  0px 0px 0px 0px;
}
/* fond */
#outils_fond {
	background-image: url(images/page_fond_menuoutils.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	
	width: 160px;
	padding:  0px 0px 3px 0px;
}

#menuoutils {
	height: 145px;
	
	padding:  0px 0px 13px 0px!important;
	-padding:  0px 0px 0px 0px;
	
	background-image: url(images/page_bg_menuoutils.gif);
	background-position: left top;
	background-repeat: no-repeat;
	
	list-style-type: none;
	
	overflow: visible!important;
	overflow-x: hidden;
}
html>body #menuoutils {
	height: auto;
	min-height: 145px;

}

html>/**/body #menuoutils {

	padding:  0px 0px 0px 0px!important;
}
#menuoutils li {
	display: inline;
	
}
/* Style lien et roll over */
#menuoutils li a {
	display: block;
	
	width: 117px;

	padding:  7px 0px 8px 43px;
	margin:  0px 0px -13px 2px!important;
	
	-margin:  0px 0px 0px 2px;
	
	background-position: 0em 0em;
	background-repeat: no-repeat;
	
	font-size: 0.95em;
	color: #818d9a;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	
	/*
	display: block;
	
	width: 117px;
	
	padding:  7px 0px 8px 43px;
	margin:  0px 0px 0px 2px;
	
	background-position: 0em 0em;
	background-repeat: no-repeat;
	
	font-size: 0.95em;
	color: #818d9a;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	*/
}
html>/**/body #menuoutils li a {
margin:  0px 0px 0px 2px!important;

}
#menuoutils li a:hover {	
	text-decoration: underline;
	color: #4f5664;
}

#menuoutils li.separation {
	background-image: url(images/page_separationoutils.gif);
	background-repeat: no-repeat;
	
	width: 210px;
	height: 2px;
	
	margin-bottom: 0px!important;
	margin-bottom: -13px;
	
	display: block;
	
}
/* Picto lien carto */
#menuoutils li a.cartographie {
	background-image: url(images/home_puce_cartographie.gif);
}
#menuoutils li a.cartographie:hover {
	background-image: url(images/page_puce_cartographie-over.jpg);
}
/* Picto lien annuaire */
#menuoutils li a.annuaire {
	background-image: url(images/home_puce_annuaire.gif);
}
#menuoutils li a.annuaire:hover {
	background-image: url(images/page_puce_annuaire-over.jpg);
}
/* Picto lien liste */
#menuoutils li a.listediff {
	background-image: url(images/home_puce_liste.gif);
}
#menuoutils li a.listediff:hover {
	background-image: url(images/page_puce_liste-over.jpg);
}
/* Picto lien base */
#menuoutils li a.base {
	background-image: url(images/home_puce_base.gif);
}
#menuoutils li a.base:hover {
	background-image: url(images/page_puce_base-over.jpg);
}

/* Picto lien dossiers */
#menuoutils li a.dossiers {
	background-image: url(images/home_puce_dossiers.gif);
}
#menuoutils li a.dossiers:hover {
	background-image: url(images/page_puce_dossiers-over.jpg);
}
/* Picto lien liens */
#menuoutils li a.liens {
	background-image: url(images/home_puce_liens.gif);
	margin:  0px 0px 0px 2px;
}
#menuoutils li a.liens:hover {
	background-image: url(images/page_puce_liens-over.jpg);
}



/* ACTUS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h2.actus { 

	background-image: url(images/page_bg_h2actus.gif);
	background-repeat: no-repeat;
	
	padding:  5px 0px 0px 14px;
	margin:  0px 0px 3px 5px;
	
	height: 31px!important;
	height: 41px;

}
/* Arriere plan */
#actus_bg {
	background-image: url(images/page_menuactus_bgrepeat.gif);
	background-repeat: repeat-y;
	
	width: 160px;
	margin:  0px 0px 0px 0px;
}
/* fond */
#actus_fond {
	background-image: url(images/page_fond_menuactus.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	
	width: 160px;
	padding: 10px 0px 3px 0px;
}
.actuactu {
	background-image: url(images/page_bg_actuactu.gif);
	background-repeat: no-repeat;
	background-position: 0em 0em;
	
	padding:  0px 0px 0px 35px;
	margin:  0px 0px 11px 5px;
	
	line-height: 1.05em;
}
.actuagenda {
	background-image: url(images/page_bg_actuagenda.gif);
	background-repeat: no-repeat;
	background-position: 0em 0em;
	
	padding:  0px 0px 0px 35px;
	margin:  0px 0px 11px 5px;
	
	line-height: 1.05em;
}


.dateactu {
	color: #60bae2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

.titreactu a {
	color: #60bae2;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}
.titreactu a:hover {
	text-decoration: underline;
	color: #60bae2;
}

/* Toutes les actus */
.toutesactus {
	padding: 0px 0px 10px 0px;
	text-align: right;
		
}
.toutesactus a {
	/* display: block; */
	
	padding: 5px 0px 5px 20px;
	
	text-transform: uppercase;
	font-weight: bold;
	color: #279dcb;
	text-decoration: underline;
	font-size: 0.95em;
	
	background-image: url(images/home_bg_toutesactus.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.5em;
}
.toutesactus a:hover {
	text-decoration: none;
	color: #279dcb;
}









/* RAPELS CITOYENS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h2.citoyens { 
	background-image: url(images/page_bg_h2citoyens.jpg);
	background-repeat: no-repeat;
	
	padding:  10px 0px 0px 22px;
	margin:  0px 0px 0px 0px;
	
	height: 43px;

	width: auto;


}
/* Arriere plan */
#citoyens_bg {
	background-image: url(images/page_citoyens_bgrepeat.gif);
	background-repeat: repeat-y;
	
	width: 160px;
	margin:  0px 0px 0px 0px;

}
/* fond */
#citoyens_fond {
	background-image: url(images/page_fond_citoyens.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	

	width: 160px;
	padding:  0px 0px 4px 0px;
	
	
}
#rappelcitoyens {
		padding:  5px 20px 5px 10px;
}
.lienrappel {
	background-image: url(images/home_puce_rappel.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.3em;
	
	padding:  0px 0px 0px 20px;
	
	line-height: 1.1em;

}
.lienrappel a {	
	color: #ce3a00;
	font-weight: bold;
	text-decoration: none;
}
.lienrappel a:hover {	
	color: #ce3a00;
	text-decoration: underline;
}




/* SUR LE WEB */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h2.web1 { 
	background-image: url(images/page_bg_h2web.jpg);
	background-repeat: no-repeat;
	
	padding:  10px 0px 0px 22px;
	margin:  0px 0px 0px 0px;
	
	height: 33px;

	width: auto;
}

/* Arriere plan */
#web_bg {
	background-image: url(images/page_web_bgrepeat.gif);
	background-repeat: repeat-y;
	
	width: 160px;
	margin:  0px 0px 0px 0px;

}
/* fond */
#web_fond {
	background-image: url(images/page_fond_citoyens.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	

	width: 160px;
	padding:  0px 0px 4px 0px;
	
	
}
#menuweb {
		padding:  0px 20px 5px 10px;
}
.lienweb {
	background-image: url(images/page_puce_web.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.3em;
	
	padding:  0px 0px 6px 20px;
	line-height: 1.1em;

}
.lienweb a {	
	color: #f39f00;
	font-weight: bold;
	text-decoration: none;
}
.lienweb a:hover {	
	color: #f39f00;
	text-decoration: underline;
}


/* FOOTER */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer { /* Block pied de page */
	float: left;
	position: relative;
	width: 1003px;
	height: 130px;
	
	background-image: url(images/page_bg_footer.gif);
	background-repeat: no-repeat;
	background-position: top;
	
	background-color: #FFFFFF;
	
	margin: -180px 0px 0px 0px;
	
	padding: 0px 0px 20px 0px;
	
	z-index: 1;
}

html>body #footer {
	height: auto;
	min-height: 130px;
}

#footer h2 { /* Balise H2 pied de page masquee */
	position:relative;
	top: -10000px;
	color: #fff;
	z-index: 1;
	
	display: none;


}

#footer ul { /* Liste */
	list-style-type: none;
	
	margin: 220px 0px 0px 350px;

}



#footer ul li { /* Liste element */
	display: block;
	border-bottom: 1px solid #e7e8ed;
	float: left;
	margin-left: 1px;
	width: 109px;
}

#footer li a { /* Liste element lien */
	display: block;
	
	/*height: 16px!important;*/
	/* height: 46px; */
	width: 107px;
	
	padding: 30px 0px 0px 0px;
	
	float: left;
	
	background-color: #fffffe;
	
	color: #ff961f;
	text-decoration: none;
	font-size: 0.95em;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	
	border-left: 1px solid #e2e4e9;
	border-right: 1px solid #a5a7b9;
	border-bottom: 1px solid #c1c4cf;
}
html>body #footer li a {
	height: auto;
	/*min-height: 16px; */
}
#footer li a:hover { /* Liste element lien hover */
	text-decoration: underline;
	color: #ff5c13;
	
	border-left: 1px solid #ced2dd;
	border-right: 1px solid #657092;
	border-bottom: 1px solid #969fb5;
}

/* Roll mentions legales */
#footer a.artmentions { /* Liste element lien */
	background-image: url(images/home_bg_artmentions.jpg);
	background-repeat: no-repeat;
}
#footer a.artmentions:hover { /* Liste element lien */
	background-image: url(images/home_bg_artmentions-over.jpg);
	background-repeat: no-repeat;
}

/* Roll mentions plan */
#footer a.artplan { /* Liste element lien */
	background-image: url(images/home_bg_artplan.jpg);
	background-repeat: no-repeat;
}
#footer a.artplan:hover { /* Liste element lien */
	background-image: url(images/home_bg_artplan-over.jpg);
	background-repeat: no-repeat;
}

/* Roll mentions access */
#footer a.artaccess { /* Liste element lien */
	background-image: url(images/home_bg_artaccess.jpg);
	background-repeat: no-repeat;
}
#footer a.artaccess:hover { /* Liste element lien */
	background-image: url(images/home_bg_artaccess-over.jpg);
	background-repeat: no-repeat;
}


/* DIVERS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* pour "pousser" si presence de float */
/* penser à placer un   pour eviter le bug sous netscape (page à rallonge) */ 
.clear {
	clear: both;
	height: 0px; /* correction page a rallonge sous netscape*/
	line-height: 0px;
	font-size: 1px;
}

/* Pour affichage correct PNG */
.format_png { behavior: url(win_png.htc); }


.imprimer { /* paragraphe bouton Imprimer */
	float: right;
	margin-top: 10px;
}
.siimprimer { /* masquage image bandeau imprimer */
	display: none;
}