/* CSS Document */

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

body {
	background-color: #fff;
	height: 100%;
	padding: 0px 0px 20px 0px;
	
	text-align: center;
	font-size: 0.72em;
	font-family: Arial, Helvetica, sans-serif;
}

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 -5px 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;
	
	margin-top: 5px!important; /* Debug imprimer 2 */
	width: 1003px;
	
	z-index: 1;
	
	background-color: #fff;
	
	text-align: left;
	
	
	
}


#flash {

	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	
	background-image: url(images/home_bandeau.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	
	width: 1003px;
	height: 131px;

}
embed#slideshow {
  position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
h1 {
	position: absolute;
	top: 79px;
	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: 131px;
	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: 131px;
	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: 1em!important;
	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-weight: bold;
	
	text-align: center;
	
}

#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: 174px;
	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: 633px;
	padding: 0px 0px 0px 170px;

	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;
}
html > body #right_menu {
height:auto;
min-height:19px;
}

/* Lien extranet */
#right_menu a {
	color:#FFFFFF;
	display:block;
	float:left;
	font-weight:bold;
	height:19px;
	letter-spacing:0px;
	line-height:19px;
	padding:1px 17px 0px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;

}
#right_menu a:hover {
	text-decoration: underline;
	background-color:#EB5701;
}


/* ZONE DE CONTENU */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#zone_contenu_bg {
		
	background-image: url(images/home_bg_colonnecontenu.jpg);
	background-position: right;
	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;
	
	background-image: url(images/home_bg_colgauche.jpg);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	
	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% 50%;
	
	padding:  2px 0px 0px 60px;
	margin:  17px 0px 0px 0px;
	
	height: 30px;
	
	color: #f39f00;
	font-size: 1.2em;
}
h2.communaute { 
	height: auto;
	min-height: 30px;
}

/* MENU SOUS RUBRIQUE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Arriere plan */
#menussrub_bg {
	background-image: url(images/home_menussrub_bgrepeat.gif);
	background-repeat: repeat-y;
	
	width: 175px;
	margin:  0px 0px 0px 49px;
}
/* fond */
#menussrub_fond {
	background-image: url(images/home_fond_menussrub.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	
	width: 175px;
	padding:  0px 0px 2px 0px;
	
}

#ssmenu {
	/* height: 213px; */
	
	padding:  18px 0px 20px 0px;
	
	background-image: url(images/home_bg_ssmenurub.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	
	list-style-type: none;
}
/*
html>body #ssmenu {
	height: auto;
	min-height: 213px;
}
*/
#ssmenu li {
	display: inline;
	
}
/* Style lien et roll over */
#ssmenu li a {
	display: block;
	
	padding: 7px 0px 7px 45px!important;
	padding: 8px 0px 8px 45px;
	margin:  0px 5px 0px 1px;
	
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;

	
	
	background-image: url(images/home_puce_ssmenurub.gif);
	background-position: 18px 1em;
	background-repeat: no-repeat;
	
	font-size: 0.95em;
	color: #1b1c20;
	font-weight: bold;
	text-decoration: none;
}
* html #ssmenu li a { /* Hack pour ie6 qui reconnait les border transparent */
	border: none;
}
#ssmenu li a:hover {	
	background-image: url(images/home_puce_ssmenurub-over.gif);
	background-position: 30px 1em;
	background-repeat: no-repeat;
	background-color: #f39f00;
	
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	
	padding:  7px 0px 7px 45px;

	text-decoration: underline;
	color: #fff;

}
* html #ssmenu li a:hover { /* Hack pour ie6 qui reconnait les border transparent */
	/* height: 30px; */
}


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

/* Arriere plan */
#marche_presse_bg {
	background-image: url(images/home_menussrub_bgrepeat.gif);
	background-repeat: repeat-y;
	
	width: 175px;
	margin:  0px 0px 0px 49px;
}
/* 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 2px 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;
	
	font-size: 0.95em;
	color: #995400;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	
	border-bottom: 1px solid #fff;
}

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


/* MENU DEMOCRATIE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h2.h2democratie {
	background-image: url(images/home_bg_h2democratie.jpg);
	background-repeat: no-repeat;
	
	width: 151px;
	height: 43px;
	
	margin: 0px 0px 0px 49px;
	padding: 10px 4px 5px 20px;
	
	font-size: 1.5em;
}
#democratie {
	height: 231px;
	
	width: 175px;
	margin:  0px 0px 0px 49px;
	
	background-image: url(images/home_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 #fbfbfc;
}

#democratie li a:hover {	
	text-decoration: underline;
	color: #3a3e45;
	background-color: #d1d5df;
}
/* 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 fis 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: 530px;
	
	overflow-x: visible!important;
	overflow-x: hidden;
	
}
/* FIL D'ARIANE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#chemin { /* Chemin general */
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
	color: #f27800;
	
	margin: 0px 0px 0px 34px;
}

#chemin a { /* Chemin lien */
	text-decoration: none;
	font-weight: bold;
	color: #f39f00;
}

#chemin a:hover { /* Chemin lien over */
	text-decoration: underline;
	color: #f27800;
}

#chemin strong { /* Chemin actif */
	color: #f27800;
}



/* A L'AFFICHE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h2.affiche { /* Colonne gauche */
	float: right;
	
	
	background-image: url(images/home_bg_h2affiche.jpg);
	background-repeat: no-repeat;
	
	padding:  10px 0px 0px 15px;
	margin:  0px 45px 0px 0px;
	
	height: 26px!important;
	height: 36px;
	width: auto;


}

/* Arriere plan */
#affiche_bg {
	background-image: url(images/home_affiche_bgrepeat.gif);
	background-repeat: repeat-y;
	
	width: 482px;
	margin:  0px 0px 0px 19px;
}
/* fond */
#affiche_fond {
	background-image: url(images/home_fond_affiche.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	
	width: 482px;
	padding:  0px 0px 4px 0px;
}

#blockaffiche {
	
	padding:  10px 0px 0px 0px;
	
	background-image: url(images/home_bg_affiche.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	
	list-style-type: none;
	

	overflow-x: hidden;
}


.margeaffiche {
	margin:  0px 0px 15px 0px;
	float: left!important;
	float: none;
}

/* Photo */
.photoaffiche {
	float: left;
	width: 163px;
	
	padding:  0px 0px 0px 18px;

}
.blocktexteaffiche {
	float: right;
	width: 276px;
	
	padding:  0px 5px 0px 0px;

}

.titreafficheagenda {
	background-image: url(images/home_bg_afficheagenda.gif);
	background-repeat: no-repeat;
	background-position: 0em 0em;
	
	padding:  0px 0px 0px 40px;
}
.titreafficheactu {
	background-image: url(images/home_bg_afficheactu.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.45em;
	
	padding:  0px 0px 0px 40px;
}

.dateaffiche {
	color: #5dba8b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
.titreaffiche {
	color: #77ba98;
	font-size: 1em;
	font-weight: bold;
}
.texteaffiche {
	color: #3a5b4a;
	font-size: 1em;
}

.suiteaffiche {	
	background-image: url(images/home_puce_suiteaffiche.gif);
	background-repeat: no-repeat;
	background-position: 0em 50%;
	
	padding:  0px 0px 0px 7px;
}
.suiteaffiche a {	
	color: #3fba7c;
	text-decoration: underline;
	font-weight: bold;
}
.suiteaffiche a:hover {	
	text-decoration: none;
}






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

	background-image: url(images/home_bg_h2actus.jpg);
	background-repeat: no-repeat;
	
	padding:  5px 0px 0px 15px;
	margin:  13px 0px 12px 38px;
	
	height: 31px!important;
	height: 41px;
	width: auto;
}

.margeactu {
	width: 482px;
	margin:  0px 0px 15px 0px;
	
	float: left!important;
	float: none;
}
/* Photo */
.photoactu {
	float: left;
	width: 55px;
	
	padding:  0px 0px 0px 39px;
}
.blocktexteactu {
	float: right;
	width: 378px;
	
	padding:  0px 0px 0px 0px;
}

.blocktexteactu.sansphoto {
	float: none;
	width: auto;
	
	padding:  0px 0px 0px 40px;
}

.titreactuagenda {
	background-image: url(images/home_bg_actuagenda.gif);
	background-repeat: no-repeat;
	background-position: 0em 0em;
	
	padding:  0px 0px 0px 40px;
}
.titreactuactu {
	background-image: url(images/home_bg_actuactu.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.45em;
	
	padding:  0px 0px 0px 40px;
}

.dateactu {
	color: #86a5b2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
.titreactu {
	color: #619ab2;
	font-size: 1em;
	font-weight: bold;
}
.texteaffiche {
	color: #6183a2;
	font-size: 1em;
}

p.suiteactu a {	
  background-image: url(images/home_puce_suiteactu.gif);
	background-repeat: no-repeat;
	background-position: 0em 50%;
	
	padding:  0px 0px 0px 7px;
  
	color: #279dcb;
	text-decoration: underline;
	font-weight: bold;
}
p.suiteactu a:hover {	
	text-decoration: none;
}
/* Toutes les actus */
.toutesactus {
	padding: 0px 0px 0px 320px;
		
}
.toutesactus a {
	/* display: block; */
	
	padding: 5px 0px 5px 20px;
	
	text-transform: uppercase;
	font-weight: bold;
	color: #279dcb;
	text-decoration: underline;
	
	background-image: url(images/home_bg_toutesactus.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.5em;
}
.toutesactus a:hover {
	text-decoration: none;
}
/* COLONNE DROITE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#colonne_droite {
	float: left;
	
	position: relative;
	z-index: 50;
	
	width: 239px;
	
	overflow-x: visible!important;
	overflow-x: hidden;
	
	background-color: #FFFFFF;
	
	margin-top: -5px;
	padding-top: 5px;
}

h2.outils { /* Colonne gauche */
	background-image: url(images/home_puce_outils.gif);
	background-repeat: no-repeat;
	background-position: 25% 50%;
	
	padding:  10px 0px 0px 27px;
	margin:  5px 53px 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/home_menuoutils_bgrepeat.gif);
	background-repeat: repeat-y;
	
	width: 239px;
	margin:  0px 0px 0px 0px;
}
/* fond */
#outils_fond {
	background-image: url(images/home_fond_menuoutils.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	
	width: 239px;
	padding:  0px 0px 5px 0px;
}

#menuoutils {
	height: 145px;
	
	padding:  0px 0px 0px 0px;
	
	background-image: url(images/home_bg_menuoutils.jpg);
	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;
}
#menuoutils li {
	display: inline;
	
}
/* Style lien et roll over */
#menuoutils li a {
	display: block;
	
	width: 192px!important;
	width: 235px;
	
	padding:  7px 0px 8px 43px;
	margin:  0px 0px 0px 4px;
	
	border-bottom: 1px solid #fff;
	
	background-position: 0em 0em;
	background-repeat: no-repeat;
	
	font-size: 0.95em;
	color: #818d9a;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#menuoutils li a:hover {	
	text-decoration: underline;
	color: #4f5664;
}
#menuoutils li:hover {	
	background-image: url(images/home_bg_outils-over.gif);
	background-repeat: repeat-y;
}
/* Picto lien carto */
#menuoutils li a.cartographie {
	background-image: url(images/home_puce_cartographie.gif);
}
#menuoutils li a.cartographie:hover {
	background-image: url(images/home_puce_cartographie-over.gif);
}
/* Picto lien annuaire */
#menuoutils li a.annuaire {
	background-image: url(images/home_puce_annuaire.gif);
}
#menuoutils li a.annuaire:hover {
	background-image: url(images/home_puce_annuaire-over.gif);
}
/* Picto lien liste */
#menuoutils li a.listediff {
	background-image: url(images/home_puce_liste.gif);
}
#menuoutils li a.listediff:hover {
	background-image: url(images/home_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/home_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/home_puce_dossiers-over.gif);
}
/* Picto lien liens */
#menuoutils li a.liens {
	background-image: url(images/home_puce_liens.gif);
}
#menuoutils li a.liens:hover {
	background-image: url(images/home_puce_liens-over.gif);
}




/* MENU ACCES DIRECTS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h2.acces { 
	background-image: url(images/home_bg_h2acces.jpg);
	background-repeat: no-repeat;
	
	padding:  17px 0px 0px 27px;
	margin:  0px 0px 0px 0px;
	
	height: 33px;
	width: auto;
}
/* Arriere plan */
#acces_bg {
	background-image: url(images/home_menuacces_bgrepeat.gif);
	background-repeat: repeat-y;
	
	width: 239px;
	margin:  0px 0px 0px 0px;
}
/* fond */
#acces_fond {
	background-image: url(images/home_fond_menuacces.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	
	width: 239px;
	padding:  0px 0px 3px 0px;
}

#menuacces {
	
	padding:  0px 0px 10px 0px;
	
	height: 20px;
	
	background-image: url(images/home_bg_menuacces.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	
	list-style-type: none;
	
	overflow: visible!important;
	overflow-x: hidden;
}
html>body #menuacces {
	height: auto;
	min-height: 20px;
}
#menuacces li {
	display: inline;
	
}
/* Style lien et roll over */
#menuacces li a {
	display: block;
	
	width: 210px!important;
	width: 235px;
	
	padding:  3px 0px 5px 25px;
	margin:  0px 0px 0px 4px;
	
	background-position: 0em 0em;
	background-repeat: no-repeat;
	background-image: url(images/home_puce_acces.gif);
	
	font-size: 1em;
	color: #49586e;
	font-weight: bold;
	text-decoration: none;
}

#menuacces li a:hover {	
	text-decoration: underline;
	color: #fff;
	
	background-image: url(images/home_puce_acces-over.jpg);
}




h2.citoyens { /* Colonne gauche */
	background-image: url(images/home_bg_h2citoyens.jpg);
	background-repeat: no-repeat;
	
	
	padding:  17px 0px 0px 27px;
	margin:  0px 0px 0px 0px;
	
	height: 50px;
	width: auto;


}

/* RAPELS CITOYENS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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

}
/* fond */
#citoyens_fond {
	background-image: url(images/home_fond_citoyens.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	
	width: 239px;
	padding:  0px 0px 4px 0px;
}

#rappelcitoyens {
	
	padding:  5px 20px 40px 10px;
	
	background-image: url(images/home_bg_citoyens.jpg);	
	background-position: left top;
	background-repeat: no-repeat;
	
	list-style-type: none;
	
	overflow: visible!important;
	overflow-x: hidden;
}

.lienrappel {
	background-image: url(images/home_puce_rappel.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.3em;
	
	padding:  0px 0px 0px 20px;
	
	color: #ce3a00;
	font-weight: bold;
	text-decoration: none;
}

.themerappel {
	padding:  0px 0px 0px 20px;
	font-size:95%;
	color: #ce3a00;
}

.introrappel {
	padding:  0px 0px 0px 20px;
	
	color: #ce3a00;
}
.suiterappel {	
	float: right;
	
	background-image: url(images/home_puce_suiterappel.gif);
	background-repeat: no-repeat;
	background-position: 0em 50%;
	
	padding:  0px 0px 0px 10px;
}
.suiterappel a {	
	color: #d86234;
	text-decoration: underline;
		font-weight: bold;
}
.suiterappel a:hover {	
	text-decoration: none;
}

/* LISTE DOCUMENTS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.block_document { /* Block document dans liste d articles */
	padding: 0px 0px 10px 0px;
	margin: 0px 40px 15px 38px;

	text-align:justify;	
	clear:both;

	border-bottom: 1px solid #e8e7e7;
}
.block_document .dateliste {
	font-weight: normal;
}
.block_document .dateevmnt, .block_document .compldoc, .block_document .titredoc {
	margin: 0px;
	padding: 0px;
}
.block_document .photo_block {
	width: 95px;
	height: 56px;
	float: left;
	text-align: center;
	
	background-image: url(images/puce_document.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
html>body .block_document .photo_block {
	height: auto;
	min-height: 56px;
}
.block_document .block_droite {
	float: right;
	width: 305px;
	margin-right: 10px;
}
.block_document .savoirplus {
	background-image: url(images/picto_document.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	
	padding-left: 7px;
}
.block_document .savoirplus a {
	color: #0090d0;
	text-decoration: underline;
}
.block_document .savoirplus a:hover {
	text-decoration: none;
}
.titredoc {
	color:#0090D0;
	text-align:left;
	font-size:110%;
	font-weight:bold;
	margin-bottom:3px;
	margin-top:0px;
	padding-left:0px;
}


/* FOOTER */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer { /* Block pied de page */
	float: left;
	position: relative;
	width: 1003px;
	height: 130px;
	
	background-image: url(images/home_bg_footer.jpg);
	background-repeat: no-repeat;
	background-position: 234px top;
	
	background-color: #FFFFFF;
	
	margin: -80px 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: 142px 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;
	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: 1px;
	font-size: 0px;

}

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

/* Flottant à gauche */
.float_left {
	float: left;
}
/* Flottant à droite */
.float_droite {
	float: right;
}

.imprimer { /* paragraphe bouton Imprimer */
	float: right;
	margin: -5px 40px 20px 0px!important;
	margin: -2px 20px 20px 0px;
}
.siimprimer { /* masquage image bandeau imprimer */
	display: none;
}