@import 'contact.css';
@import 'marche.css';
@import 'agenda.css';

html {
	/* force l'apparition de la barre de défilement pour Firefox */
	overflow: -moz-scrollbars-vertical !important;
}

body {
	margin: 0;
	padding: 0;
	background: #B4AAA0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	behavior: url('/css/csshover.htc');
	height: 100%;
	line-height: 140%;
}

p {
	margin: 0;
	padding: 4px 0 4px 0;
}

a {
	color: #B01616;
	text-decoration: none;
	border: none;
}
a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

table{
	font-size: 1em;
}

.textepetit {
	font-size: 0.85em;
}

.champobligatoire {
	color: #FF0000;
	font-weight: bold;
}

.tampon {
	clear: both;
}

#conteneur {
	position: absolute;
	left: 50%;
	width: 915px;
	margin-left: -457.5px;
	background: #fff;
}
/************* MENU PRATIQUE *************/

#header dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	border:0;
	list-style-type: none;
}

.nav #menu_deroulant1 {
	position: absolute;
	top: 30px;
	left: 665px;
}

.nav #menu_pratique li {
	position:relative;
	background: url('../fr/nav/sous-menu_angle.gif') #fff no-repeat bottom right;
	border: 1px solid #888886;	
	padding: 3px 0 4px 5px;
	z-index:9;
	width: 200px;
}

.nav #menu_deroulant1 li a {
	width: 200px;
	display: block;
	text-indent: 0px;
	height: auto;
	background: url('../fr/nav/sous-menu_angle.gif') #fff no-repeat bottom right;
	border: 1px solid #888886;	
	padding: 4px 0 4px 5px;
}
.nav #menu_deroulant1 li .menu_actif {
	background: url('../fr/nav/sous-menu_active_angle.gif') #F7F5F0 no-repeat bottom right;
}

.nav li.folder ul {
	position:absolute;
	left:200px;
}		
.nav li.folder>ul { left:140px; }

.nav a {
	color: #B01616;
	font-weight: bold;
	font-size: 0.85em;
	width:100%;
	z-index: 100;
}
.nav li>a { width:auto; }

.nav li.folder:hover { z-index:10; }		

.nav ul ul, .nav li:hover ul ul {
	display:none;
}

.nav li:hover ul, .nav li:hover li:hover ul {
	display:block;
}

/************* FIN MENU PRATIQUE *************/

/************* BARRE DE NAVIGATION *************/

#navigation {
	width: 915px;
	height: 32px;
	background: url('../fr/nav/menu_degrade.gif') repeat-x bottom left;
}

#navigation ul li a {
	color: #848484;
}

#navigation ul li {
	float: left;
}

#navigation #header_villedegigean {
	float: left;
	background: url('../fr/nav/nv2/villedegigean.jpg') no-repeat;
	width: 205px;
	height: 32px;
}
#navigation #header_chronique_2 {
	position: absolute;
	background: url('../fr/nav/accueil/accueil_chronique_2.jpg') no-repeat;
	width: 17px;
	height: 13px;
	margin-top: 19px;
	margin-left: 205px !important;
	margin-left: 0px;
}

#navigation .nav li.folder #decouvrir {
	background: url('../fr/nav/menu_decouvrir.gif') no-repeat;
	width: 192px;
	height: 19px;
	text-indent: -5000px;
	display: block;
}
#navigation .nav li.folder:hover #decouvrir {background: url('../fr/nav/menu_decouvrir_hover.gif') no-repeat;}
#navigation .nav li.folder .menu_active#decouvrir {background: url('../fr/nav/menu_decouvrir_hover.gif') no-repeat;}

#navigation .nav li.folder #amenager {
	background: url('../fr/nav/menu_amenager.gif') no-repeat;
	width: 183px;
	height: 19px;
	text-indent: -5000px;
	display: block;
}
#navigation .nav li.folder:hover #amenager {background: url('../fr/nav/menu_amenager_hover.gif') no-repeat;}
#navigation .nav li.folder .menu_active#amenager {background: url('../fr/nav/menu_amenager_hover.gif') no-repeat;}

#navigation .nav li.folder #vivreensemble {
	background: url('../fr/nav/menu_vivreensemble.gif') no-repeat;
	width: 178px;
	height: 19px;
	text-indent: -5000px;
	display: block;
}
#navigation .nav li.folder:hover #vivreensemble {background: url('../fr/nav/menu_vivreensemble_hover.gif') no-repeat;}
#navigation .nav li.folder .menu_active#vivreensemble {background: url('../fr/nav/menu_vivreensemble_hover.gif') no-repeat;}

#navigation .nav li.folder #promouvoir {
	background: url('../fr/nav/menu_promouvoir.gif') no-repeat;
	width: 157px;
	height: 19px;
	text-indent: -5000px;
	display: block;
}
#navigation .nav li.folder:hover #promouvoir {background: url('../fr/nav/menu_promouvoir_hover.gif') no-repeat;}
#navigation .nav li.folder .menu_active#promouvoir {background: url('../fr/nav/menu_promouvoir_hover.gif') no-repeat;}

/************* FIN BARRE DE NAVIGATION *************/

/************* NAVIGATION - MENUS DEROULANTS *************/

#navigation dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	border:0;
	list-style-type: none;
	z-index: 100;
}

#navigation ul #menu_deroulant2 {
	position: absolute;
	top: 166px;
	left: 220px;
}
#navigation ul #menu_deroulant3 {
	position: absolute;
	top: 166px;
	left: 398px;
}
#navigation ul #menu_deroulant4 {
	position: absolute;
	top: 166px;
	left: 580px;
}
#navigation ul #menu_deroulant5 {
	position: absolute;
	top: 166px;
	left: 760px;
	z-index: 5;
}

#accueil #navigation ul #menu_deroulant2, #accueil #navigation ul #menu_deroulant3, #accueil #navigation ul #menu_deroulant4, #accueil #navigation ul #menu_deroulant5 {
	top: 297px;
}

#navigation ul #menu_deroulant2 li, #navigation ul #menu_deroulant3 li, #navigation ul #menu_deroulant4 li, #navigation ul #menu_deroulant5 li {
	position:relative;
	float: none;
}

#navigation ul #menu_deroulant1 li a {width: 170px;}
#navigation ul #menu_deroulant2 li a {width: 169px;}
#navigation ul #menu_deroulant3 li a {width: 174px;}
#navigation ul #menu_deroulant4 li a {width: 170px;}
#navigation ul #menu_deroulant5 li a {width: 148px;}

#navigation ul #menu_deroulant2 li a, #navigation ul #menu_deroulant3 li a, #navigation ul #menu_deroulant4 li a, #navigation ul #menu_deroulant5 li a {
	display: block;
	text-indent: 0px;
	height: auto;
	background: url('../fr/nav/sous-menu_angle.gif') #fff no-repeat bottom right;
	border: 1px solid #888886;	
	padding: 4px 0 4px 5px;
}

#navigation ul #menu_deroulant1 li .menu_actif, #navigation ul #menu_deroulant2 li .menu_actif, #navigation ul #menu_deroulant3 li .menu_actif, #navigation ul #menu_deroulant4 li .menu_actif, #navigation ul #menu_deroulant5 li .menu_actif {
	background: url('../fr/nav/sous-menu_active_angle.gif') #F7F5F0 no-repeat bottom right;
}
/*#navigation ul #menu_deroulant2 li a:hover.menu_actif, #navigation ul #menu_deroulant3 li a:hover.menu_actif, #navigation ul #menu_deroulant4 li a:hover.menu_actif, #navigation ul #menu_deroulant5 li a:hover.menu_actif {
	background: url('../fr/nav/sous-menu_active_angle.gif') #F7F5F0 no-repeat bottom right;
}*/

/************* NAVIGATION - FIN MENUS DEROULANTS *************/

#footer {
	background: #DFD8CA;
}

#footer #footer_marchespublics a {
	float: left;
	margin-top: 5px;
	background: url('../fr/nav/bouton_marchespublics.gif') no-repeat;
	width: 115px;
	height: 20px;
	margin-right: 8px;
	text-indent: -5000px;
	display: block;
}
#footer #footer_marchespublics a:hover {background: url('../fr/nav/bouton_marchespublics_hover.gif') no-repeat;}
#footer #footer_marchespublics .active {background: url('../fr/nav/bouton_marchespublics_hover.gif') no-repeat;}

#footer #footer_contact a {
	float: left;
	margin-top: 5px;
	background: url('../fr/nav/bouton_contact.gif') no-repeat;
	width: 76px;
	height: 20px;
	margin-right: 8px;
	text-indent: -5000px;
	display: block;
}
#footer #footer_contact a:hover {background: url('../fr/nav/bouton_contact_hover.gif') no-repeat;}
#footer #footer_contact .active {background: url('../fr/nav/bouton_contact_hover.gif') no-repeat;}

#footer #footer_plandusite a {
	float: left;
	margin-top: 5px;
	background: url('../fr/nav/bouton_plandusite.gif') no-repeat;
	width: 92px;
	height: 20px;
	margin-right: 8px;
	text-indent: -5000px;
	display: block;
}
#footer #footer_plandusite a:hover {background: url('../fr/nav/bouton_plandusite_hover.gif') no-repeat;}
#footer #footer_plandusite .active {background: url('../fr/nav/bouton_plandusite_hover.gif') no-repeat;}

#footer #footer_moteurderecherche a {
	float: left;
	margin-top: 5px;
	background: url('../fr/nav/bouton_moteurderecherche.gif') no-repeat;
	width: 136px;
	height: 20px;
	margin-right: 8px;
	text-indent: -5000px;
	display: block;
}
#footer #footer_moteurderecherche a:hover {background: url('../fr/nav/bouton_moteurderecherche_hover.gif') no-repeat;}
#footer #footer_moteurderecherche .active {background: url('../fr/nav/bouton_moteurderecherche_hover.gif') no-repeat;}

#footer #footer_mentionslegales a {
	float: left;
	margin-top: 5px;
	background: url('../fr/nav/bouton_mentionslegales.gif') no-repeat;
	width: 116px;
	height: 20px;
	margin-right: 8px;
	text-indent: -5000px;
	display: block;
}
#footer #footer_mentionslegales a:hover {background: url('../fr/nav/bouton_mentionslegales_hover.gif') no-repeat;}
#footer #footer_mentionslegales .active {background: url('../fr/nav/bouton_mentionslegales_hover.gif') no-repeat;}

#footer #footer_hautdepage a {
	float: left;
	margin-top: 5px;
	background: url('../fr/nav/bouton_hautdepage.gif') no-repeat;
	width: 92px;
	height: 20px;
	margin-right: 14px;
	text-indent: -5000px;
	display: block;
}
#footer #footer_hautdepage a:hover {background: url('../fr/nav/bouton_hautdepage_hover.gif') no-repeat;}
#footer #footer_hautdepage .active {background: url('../fr/nav/bouton_hautdepage_hover.gif') no-repeat;}

#footer_pyxis {
	float: left;
	margin-top: 5px;
	font-size: 0.85em;
	padding-top: 2px;
}
#footer_pyxis a {
	color: #818181;
}