@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#98a0b3;
	font-size:12px
}
#centreur{
	width:900px;
	margin:auto;
	padding-top:15px;
	padding-bottom:15px;
}
#bandeau {
	background-image:url(../images/bandeau-mairie.jpg);
	background-repeat:no-repeat;
	height:172px;
}
#contenu {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	display:block;
}
fieldset {
	-moz-border-radius:5px;
	border:1px solid #CCCCCC;
	margin-bottom:20px;
}
/**
*	Menu Haut
*/
ul#menu{
	position:absolute;
	top:158px;
	padding:0;
	margin:0;
	margin-left:140px;
	padding-left:10px;
	width:740px;
	height:25px;
}
ul#menu ul {
	background-color:#E0C8E4;
	margin:0;
	padding:0;
}
ul#menu li{
	display:block;
	float:left;
	margin:0;
}
ul#menu li a {
	display:block;
	width:165px;
	font-weight:bold;
	color:#FFFFFF;
	background-image:url(../images/puce-menu.png);
	background-repeat:no-repeat;
	background-position:0px 5px;
	margin:3px 0px 0px 0px;
	padding:5px 0px 7px 20px;
	font-size:12px;
	text-decoration:none;
}
ul#menu li ul li {
	padding:0;
	margin:0;
}
ul#menu li ul li a {
	display:block;
	height:auto;
	clear:both;
	background-image:url(../images/puce-blanche.png);
	background-repeat:no-repeat;
	background-position:left;
	font-weight:normal;
	padding:0px 0px 0px 16px;
	margin:0px 0px 0px 9px;
	color:#000000;
}
ul#menu li ul li ul { /* doit s'afficher a la suite */
	position: relative;
	width:139px;
}
ul#menu li ul li ul li a{
	background:none;
	padding-left:15px;
}

ul#menu li:hover ul, ul#menu li.sfhover ul { 
	left: auto;
	display:block;
	width:180px;
}
ul#menu li ul { 
	position: absolute;
	width: 129px;
	left: -999px;
	display:none;
	z-index:999;
}
ul#menu li ul li a:hover {
	display:block;
	width:155px;
	padding:0px 0px 0px 25px;
	margin:0px 0px 0px 0px;
	background-image:url(../images/puce-jaune.png);
	background-repeat:no-repeat;
	background-position:9px 5px;
	background-color:#8A5697;
	color:#ffff00;
}
ul#menu li ul li ul li a:hover {
	width:155px;
	display:block;
	padding:0px 0px 0px 25px;
	background-position:19px 7px;
	background:none;
	background-color:#8A5697;
}
/**
*	Fin menu Haut
*/
/**
*	Menu Gauche
**/
#contenu_gauche{
	float:left;
	width:147px;
	min-height:400px;
	background-image:url(../images/degrade-menu-gauche.png);
	background-repeat:repeat-x;
}
ul#contenu_gauche {
	display:block;
	padding:10px 0px 0px 3px;
	margin:0;
}
ul#contenu_gauche li {
	list-style:none;
	display:block;
}
ul#contenu_gauche li a{
	padding-left:28px;
	width:111px; /*Largeur originale : 139px*/
	padding-top:5px; /*Hauteur originale : 25px*/
	height:20px;
	display:block;
	text-decoration:none;
	font-size: 12px;
	font-weight: bold;
	margin:3px;
	font-family:Arial, Helvetica, sans-serif;
}
ul#contenu_gauche li a:link,ul#contenu_gauche li a:active,ul#contenu_gauche li a:visited{
	background-repeat:no-repeat;
	background-position:top;
	color:#8d5a98;
}
ul#contenu_gauche li a:hover {
	background-repeat:no-repeat;
	background-position:bottom;
	color:#fbf5c3;
}
.meteo a:link, .meteo a:visited, .meteo a:active {		background-image:url(../images/menu-gauche-meteo.png);}
.meteo a:hover{		background-image:url(../images/menu-gauche-meteo.png); }
.contact a:link, .contact a:visited, .contact a:active {	background-image:url(../images/menu-gauche-contact.png);}
.contact a:hover{	background-image:url(../images/menu-gauche-contact.png);}
.plan a:link, .plan a:visited, .plan a:active {	background-image:url(../images/menu-gauche-plan.png);}
.plan a:hover{	background-image:url(../images/menu-gauche-plan.png);}
.actualites a:link, .actualites a:visited, .actualites a:active {	background-image:url(../images/menu-gauche-actualites2.png);}
.actualites a:hover{	background-image:url(../images/menu-gauche-actualites2.png);}
.videos a { background-image:url(../images/menu-gauche-videos.png); }
.revue a { background-image:url(../images/menu-gauche-actualites.png);}
.covoiturage a { background-image:url(../images/menu-gauche-covoiturage.png);}
/**
* Fin du menu gauche
*/
/**
* Contenu
*/
.navigation {
	margin:0;
	padding:0;
}
#contenu_droit{
	float:right;
	width:725px;
	min-height:400px;
	font-size:12px;
	padding-top:14px;
	padding-right:12px;
	padding-left:12px;
	padding-bottom:14px;
}
#contenu_droit h1 { background-image:url(../images/titre-h1.png); background-repeat:no-repeat; height:28px; padding:2px 0 0 5px; text-align:center; font-weight:bold; color:#FFFFFF; font-size:18px;}
#contenu_droit h2.index{ background-image:url(../images/titre-h2.png); background-repeat:no-repeat; height:20px; padding:8px 0 0 30px; font-weight:bold; color:#FFFFFF; font-size:12px; margin:0; }
#contenu_droit h2.jaune { background-image:url(../images/titre-h2-jaune.png); background-repeat:no-repeat; height:20px; padding:8px 0 0 30px; font-weight:bold; color:#FFFFFF; font-size:12px; margin:0; }
#contenu_droit h2 { background-image:url(../images/titre-h3.png); background-repeat:no-repeat; height:19px; padding:2px 0 0 25px; color:#000000; font-size:14px; font-weight:normal;}
#contenu_droit h3 { font-weight:bold; text-decoration:underline; color:#8d5a98; font-size:14px; margin:0; padding:0; margin-bottom:2px;}
#contenu_droit a {
	color:#8d5a98;
	text-decoration:none;
}
#contenu_droit h2 a {
	color:#000000;
}
#contenu_droit h3 a {
	color:#000000;
}
/** 
* Fin Contenu 
*/
#bandeau_bas {
	font-size:12px;
	text-align:center;
	color:#FFFFFF;
	clear:both;
	height:20px;
	background-image:url(../images/barre-bas.png);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	padding-top:5px;
}
#bandeau_bas a {
	color:#666666;
	text-decoration:none;
}

/**
* Textes
*/
.gras-violet {
	font-weight:bold;
	color:#8d5a98;
}
.normal-vert-contact {
	/*background-image:url(../images/email.png);
	background-repeat:no-repeat;
	background-position:0 4px;*/
	color:#26561a;
	/*padding: 0 0 0 25px;*/
	margin:0;
	margin-bottom:5px;
	/*line-height:22px;*/
}
/**
* Spécifiques
*/
#colonne_gauche{
	float:left;
	width:352px;
	margin:0 0 0 0;
	padding:0;
}
#colonne_droite{
	float:right;
	width:357px;
	margin:0px 0px 0px 0px;
	padding:0;
}
#bloc_edito { width:355px;padding-bottom:14px;}
#bloc_edito h1 {	background:none;font-size:20px; color:#006600; font-weight:bold;text-align:left; margin-bottom:3px; padding:0px; margin-top:0px; }
#bloc_edito h1 :first-letter { background:none; font-size:23px; color:#006600;  margin:0; padding:0;}
/*#bloc_edito p {	float: left; text-align:justify; margin:0; padding-bottom:10px; padding-left:2px;}*/
#bloc_photo {
	width:151px;
	height:180px;
	float:right;
	margin-top:30px;
}
#bloc_meteo {
	clear:both;
	width:360px;
}
#bloc_meteo .meteoAccueil {
	margin:auto;
}
#bloc_flash {
	clear:both;
	width:320px;
	height:80px;
	border:8px #F7A035 solid;
	border-left:none;
	padding-left:25px;
	margin-bottom:14px;
	background:url(../images/flash.png) no-repeat left -10px;
}
#bloc_flash p {
	float:left;
	width:185px;
	text-align:center;
	margin:0;
	padding-top:20px;
	font-weight:bold;
	font-size:12px;
}
#bloc_actu , #bloc_events{
	clear:both;
	background-color:#fbf5c3;
	width:355px;
	padding:0;
	margin:0;
}
#bloc_actu { margin-bottom:10px; }
#bloc_actu #actualites, #bloc_events #agenda {
	margin-left:5px;
}
.a-noter {
	border-top:#8d5a98 2px solid;
	border-bottom:#8d5a98 2px solid;
	background-color:#F8F3B4;
	margin-top:14px;
	margin-top:14px;
	font-size:12px;
	padding:10px 5px 10px 5px;
	margin:5px 100px 5px 100px;
}
.a-noter h5 {
	color:#8d5a98;
	padding:0px;
	margin:5px;
	text-align:center;
}
.aNoter p {
	border-top:#8d5a98 2px solid;
	border-bottom:#8d5a98 2px solid;
	background-color:#F8F3B4;
	margin-top:14px;
	margin-top:14px;
	font-size:12px;
	padding:10px 5px 14px 5px;
	margin:0;
}
#photos {
	width:660px;
	margin:auto;
}
#photos a {
	display:block;
	float:left;
	margin:5px;
	width:100px;
	height:100px;
}
#photos img {
	border:0;
}
#photos .lightboxDesc {
	display:none;
}
#dhtmltooltip {
	position: absolute;
	border: 1px solid black;
	padding: 3px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	left: 12px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}
/**
* Actualites
*/
.petitTexte {
	color:#8d5a98;
	font-size:10px;
}
.actualite p {
	float:right;
	width:723px;
	margin:0;
	font-size:12px;
}
.actualite img{
	padding:0px 10px 0px 0px;
	float:left;
}
/**
* Tableaux
*/
#piece-a-fournir table, .tableauX {
	border:1px solid #B583C1;
	margin-bottom:20px;
}
#piece-a-fournir table caption, .tableauX caption {
	color:#8d5a98;
	font-weight:bold;
}
#piece-a-fournir table thead, .tableauX thead, .tableauX th {
	background-color:#E3C0EC;
}
#piece-a-fournir table thead th {
	width:33%;
}
/**
* Offre d'emplois 
*/
.offre-emploi p {
	font-size:12px;
	margin:0;
	padding:0;
}
.offre-emploi p .gras {
	font-weight:bold;
}
.offre-emploi .details {
	margin:10px;
	padding:10px;
	border:#CCCCCC dashed 1px;
}
/**
* Associations
*/
.asso-cat h1 {
	background:none !important;
	color:#B583C1 !important;
}
.asso img {
	float:left;
	padding-right:10px;
}
/** 
*	Marches publics
*/
.marche-public p {
	font-size:12px;
	margin:0;
	padding:0;
}
.marche-public p .gras {
	font-weight:bold;
}
.marche-public .details {
	margin:10px;
	padding:10px;
	border:#CCCCCC dashed 1px;
}
/**
* Agenda
*/
.bandeau-agenda , .some{
	text-align:center;
	color:#8d5a98;
	font-weight:bold;
}
.some {

}
.bandeau-agenda {
	background-color:#E4C7EA;
}
.NON {
	color:#999999;
	font-size:10px;
}
.EVENT {
	font-weight:bold;
	color:#990000 !important;
}
a.EVENT2 {
	font-size:12px;
	color:#AF7BBB !important;
	font-weight:800;
}
a.NOEVENT {
	font-size:12px;
	color:#D492E1 !important;
}
.obli {
	color:red;
	font-weight:bold;
}
/**
*Entreprises
*/
.entreprise img {
	float:right;
	padding-left:10px;
}
.entreprise p {
	float:left;
}

.imgGauche { float:left;margin-right:10px; }
.imgDroite { float:right;margin-left:10px; }
.meteoAccueil { width:95%; }

/***********/
.tool-tip {
	color: #000;
	width: 139px;
	z-index: 13000;
	-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #FFFFFF;
	padding: 8px 8px 4px;
	/*background: url(bubble.png) top left;*/
	background-color:#8D5A98;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	/*background: url(bubble.png) bottom right;*/
	background-color:#F6E97E;
}
/******************/
strong { color:#8D5A98; }