/* CSS Document */
html {
margin:0;
padding:0;
}

body {
margin:0;
padding:0;
line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif;
max-width: 1280px;
min-width: 1000px;
font-size:14px;
}

b {
font-size: 110%;
}

/*
em {
color: red;
}
*/

* {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
/*	font-weight:normal; pb sur balise strong */
}

div {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  border-width: 0px;
}

img {
  border-width: 0px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

form, fieldset
{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  border-width: 0px;
}

/* class pour repositionner les éléments après un float*/
.clear {
  clear:both;
}

/* decalage de texte dans le rte */
.indent {
  padding-left: 30px;
}

/* classe pour alignement RTE */
p.align-left{
text-align: left;
}
p.align-center{
text-align: center;
}
p.align-right{
text-align: right;
}
p.align-justify{
text-align: justify;
}




/*---------NAVIGATION HORIZONTALE (Idem accueil + page interne)----- */

#MENU_HAUT {
  list-style: none;
  margin: 0;
}

#MENU_HAUT li {
  float: left;
/* les éléments se suivent par la gauche */
}

/* ---------------------------------------------------------- */
/*Level 0*/
#MENU_HAUT li {
/* espacement entre item de menu */
  margin: 0px 0px 0px 0px;
  padding:  0px 0px 0px 0px;
  list-style: none;
  background-image: url(../images/bg.png);
  width:auto;
}

#MENU_HAUT li a {
/* position texte dans item de menu */
/*  padding: 5px 5px 2px 5px; */
  padding: 5px 35px 2px 30px;

  display: block; 
  text-decoration: none;
/*   width: 8em; */
  text-align:center 	
} 

#MENU_HAUT li a:link, #MENU_HAUT li a:visited  {
  color: #333333; 
}


/* Niv 0-------Ma mairie--------------*/

#MENU_HAUT li.items_niv1_rub_34 a:hover {
  background-color:#0062a6;
  color: #fff;  
}

#MENU_HAUT li.items_niv1_rub_34 a.items_niv1_act {
  background-color:#0062a6;
  color: #fff; 
}

/*Niv 0 -------Quartier-------------*/
#MENU_HAUT li.items_niv1_rub_3792 a:hover {
  background-color:#66d940;
  color: #fff; 
}

#MENU_HAUT li.items_niv1_rub_3792 a.items_niv1_act {
    background-color:#66d940;
  color: #fff; 
}

/*Niv 0 -------Découvrir--------------*/
#MENU_HAUT li.items_niv1_rub_608 a:hover {
  background-color:#28d3bd;
  color: #fff; 
}

#MENU_HAUT li.items_niv1_rub_608 a.items_niv1_act {
  background-color:#28d3bd;
  color: #fff; 
}

 /*Niv 0-------Vivre--------------*/
#MENU_HAUT li.items_niv1_rub_3794 a:hover {
  background-color:#b14b7e;
  color: #fff; 
}

#MENU_HAUT li.items_niv1_rub_3794 a.items_niv1_act {
  background-color:#b14b7e;
  color: #fff; 
}

/*Niv 0-------Etudier--------------*/
#MENU_HAUT li.items_niv1_rub_259 a:hover {
  background-color:#954291;
  color: #fff; 
}

#MENU_HAUT li.items_niv1_rub_259 a.items_niv1_act {
  background-color:#954291;
  color: #fff; 
}

/*Niv 0 -------Sortir--------------*/
#MENU_HAUT li.items_niv1_rub_3793 a:hover {
  background-color:#ff6600;
  color: #fff; 
}

#MENU_HAUT li.items_niv1_rub_3793 a.items_niv1_act {
  background-color:#ff6600;
  color: #fff; 
}
/* -------------------- Partie supprimée MENU ORIGINAL-------------- */
/* item selectionne */
/* #MENU_HAUT li.selection {
background-image: url(images/onglet_1_vert.jpg);
}  */

/*#MENU_HAUT li.selection a {
background-image: url(images/onglet_2_vert.jpg);
color: #FF0000;  }    */
/* changement de couleur */

/* changement de couleur texte et fond sur roll-over */
/*#MENU_HAUT li:hover {
background-image: url(images/onglet_1_vert.jpg);  
} */
/*#MENU_HAUT li:hover a {
background-image: url(images/onglet_2_vert.jpg); 
color: #FFF;
}*/ 
/* changement de couleur */
/* -------------------- FIN MENU ORIGINAL-------------- */




/*----------------------NIVEAU 1---------------------*/

/* espacement entre item de menu */
#MENU_HAUT li li, #MENU_HAUT li:hover li, #MENU_HAUT li.sfhover li {
  margin: 0; 
} 

#MENU_HAUT li:hover li a , #MENU_HAUT li.sfhover li a{
  /*background-image: url(../images/bg.png);
  color:#333;*/
}

#MENU_HAUT li li a {
  /* espacement du texte dans item de menu */
/*   padding: 2px 6px 2px 6px; */
  padding: 5px 5px 2px 30px;
  width:150px; 
  font-size: 1em;
  text-align: left;
}

/* roll-over si niveau 1 
#MENU_HAUT li li li:hover, #MENU_HAUT li li:hover a { 
  background-color: #FFF;
  color: #333;
}    */

/* gestion position menu 1 */
#MENU_HAUT li ul {  
  position: absolute; 
  left: -999em; /* cache le menu par defaut */
  width:170px; 
  font-weight: normal; 
  margin: 0;
  z-index: 1000;
}

/* affiche niveau 1 sur roll_over niveau 0 */
#MENU_HAUT li:hover ul , #MENU_HAUT li.sfhover ul {
  left: auto;
}

/*decalage niveau 1 par rapport au niveau 2*/ 
#MENU_HAUT li ul {  
  margin: 0 0 0 0;
}

/* Niv 1-------Ma mairie--------------*/
#MENU_HAUT li.items_niv1_rub_34 li.items_niv2 a:link, #MENU_HAUT li.items_niv1_rub_34 li.items_niv2 a:visited {
  background-color:#0062a6;
  color: #fff;  
}

#MENU_HAUT li.items_niv1_rub_34 li.items_niv2 a:hover {
   background-color:#FFF;
  color: #0062a6;  
}

/*Niv 1 -------Quartier-------------*/
#MENU_HAUT li.items_niv1_rub_3792 li.items_niv2 a:link, #MENU_HAUT li.items_niv1_rub_3792 li.items_niv2 a:visited {
  background-color:#66d940;
  color: #fff;  
}

#MENU_HAUT li.items_niv1_rub_3792 li.items_niv2 a:hover {
   background-color:#FFF;
  color: #66d940;  
}


/*Niv 1 -------Découvrir--------------*/
#MENU_HAUT li.items_niv1_rub_608 li.items_niv2 a:link, #MENU_HAUT li.items_niv1_rub_608 li.items_niv2 a:visited {
  background-color:#28d3bd;
  color: #fff;  
}

#MENU_HAUT li.items_niv1_rub_608 li.items_niv2 a:hover {
  background-color:#FFF;
  color: #28d3bd;  
}

 /*Niv 1 -------Vivre--------------*/
#MENU_HAUT li.items_niv1_rub_3794 li.items_niv2 a:link, #MENU_HAUT li.items_niv1_rub_3794 li.items_niv2 a:visited {
  background-color:#b14b7e;
  color: #fff;  
}

#MENU_HAUT li.items_niv1_rub_3794 li.items_niv2 a:hover {
  background-color:#FFF;
  color: #b14b7e;  
}

/*Niv 1 -------Etudier--------------*/
#MENU_HAUT li.items_niv1_rub_259 li.items_niv2 a:link, #MENU_HAUT li.items_niv1_rub_259 li.items_niv2 a:visited {
  background-color:#954291;
  color: #fff;  
}

#MENU_HAUT li.items_niv1_rub_259 li.items_niv2 a:hover {
  background-color:#FFF;
  color: #954291;  
}

/*Niv 1 -------Sortir--------------*/
#MENU_HAUT li.items_niv1_rub_3793 li.items_niv2 a:link, #MENU_HAUT li.items_niv1_rub_3793 li.items_niv2 a:visited {
  background-color:#ff6600;
  color: #fff;  
}

#MENU_HAUT li.items_niv1_rub_3793 li.items_niv2 a:hover {
  background-color:#FFF;
  color: #ff6600;  
}


/*----------------------------------------------MENU DROITE----------------*/
#BLOC_SERVICES, #BLOC_PRATIQUE, #BLOC_VOUS_ETES, #BLOC_TOURISME, #BLOC_PARTENAIRES{
  float: right;	
  width: 185px;
  margin-top: 20px;
  }

#AUTRES_DROITE_P, #AUTRES_DROITE
{
  width: 185px;
} 

#AUTRES_DROITE_P h2 a.ouvert, #AUTRES_DROITE h2 a.ouvert
{
  background-image: url(../images/fleche_ouverte.png);
  background-repeat: no-repeat;
  background-position: right center;
}

#AUTRES_DROITE_P h2 a.ferme, #AUTRES_DROITE h2 a.ferme
{
  background-image: url(../images/fleche_ferme.png);
  background-repeat: no-repeat;
  background-position: right center;
}

#BLOC_SERVICES{
  background: url(../images/haut_bloc_grisbleu.png) no-repeat;
}

#BLOC_PRATIQUE{
 	background: url(../images/haut_bloc_jaune.png) no-repeat;
}

#BLOC_VOUS_ETES{
  background: url(../images/haut_bloc_grisbleu.png) no-repeat;
}

#BLOC_TOURISME{
 	background: url(../images/haut_bloc_grisbleu.png) no-repeat;
}

#BLOC_PARTENAIRES{
 	background: url(../images/haut_bloc_jaune.png) no-repeat;
}

#BLOC_SERVICES h2, #BLOC_PRATIQUE h2, #BLOC_VOUS_ETES h2, #BLOC_TOURISME h2, #BLOC_PARTENAIRES h2{
  height:30px;
  padding-left: 20px;
  font-size:1em;
}
	
#BLOC_SERVICES h2 a:link, #BLOC_SERVICES h2 a:visited,
#BLOC_PRATIQUE h2 a:link, #BLOC_PRATIQUE h2 a:visited,
#BLOC_VOUS_ETES h2 a:link, #BLOC_VOUS_ETES h2 a:visited,
#BLOC_TOURISME h2 a:link, #BLOC_TOURISME h2 a:visited,
#BLOC_PARTENAIRES h2 a:link, #BLOC_PARTENAIRES h2 a:visited {
  color:#FFF;
  font-weight:normal;
  text-decoration:none;
  text-indent: 10px;
  display:block;
}

#BLOC_SERVICES h2 a:hover, #BLOC_PRATIQUE h2 a:hover, #BLOC_VOUS_ETES h2 a:hover,
#BLOC_TOURISME h2 a:hover, #BLOC_TOURISME h2 a:hover{
  text-decoration:underline; 
}  

#BLOC_SERVICES ul, #BLOC_PRATIQUE ul, #BLOC_VOUS_ETES ul, #BLOC_TOURISME ul, #BLOC_PARTENAIRES ul {
  list-style: none;
  background-repeat: no-repeat;
  background-position: right bottom;
/*  color: #F0B600;*/
  padding-bottom: 20px;
  text-indent: 5px;
  font-size:1em;
}

#BLOC_PARTENAIRES ul , #BLOC_PRATIQUE ul {
  background-image: url(../images/bas_bloc_jaune.png);
  background-color: #F0B600;
}

#BLOC_SERVICES ul, #BLOC_VOUS_ETES ul, #BLOC_TOURISME ul {
  background-image: url(../images/bas_bloc_grisbleu.png);
  background-color: #A2C0CC;
}

#BLOC_SERVICES ul li, #BLOC_VOUS_ETES ul li, #BLOC_TOURISME ul li{
  background-color: #A2C0CC;
}

#BLOC_PRATIQUE ul li, #BLOC_PARTENAIRES ul li{
  background-color: #F0B600;
}
   	
#BLOC_SERVICES a:link, #BLOC_SERVICES a:visited,
#BLOC_PRATIQUE a:link, #BLOC_PRATIQUE a:visited,
#BLOC_VOUS_ETES a:link, #BLOC_VOUS_ETES a:visited,
#BLOC_TOURISME a:link, #BLOC_TOURISME a:visited,
#BLOC_PARTENAIRES a:link, #BLOC_PARTENAIRES a:visited{
  color:#333;
  font-weight:normal;
  text-decoration:none;
}

#BLOC_SERVICES a:hover, #BLOC_VOUS_ETES a:hover, #BLOC_TOURISME a:hover,
#BLOC_PRATIQUE a:hover, #BLOC_PARTENAIRES a:hover{
  color:#fff;
}

/*-------------------------------PIED-------------------------*/
#MENUPIED {
	float: right;
	list-style: none;
	/* background-color:#f0b900; */
  background-image: url(../images/fond.png);
  background-repeat: no-repeat;
  background-position: right bottom; 
	/*margin: 0;*/
	margin-bottom: 10px;
	margin-top: 10px;
	padding-right: 100px;
	padding-left: 10px;
	line-height: 1em;
	padding-top:10px;
}

#MENUPIED li{
	color: #FFF;
	display: inline;
 	padding-right: 10px; 
}

#MENUPIED li a{
	font-size: 0.9em;
	color: #fff;
	text-decoration: none;
}

#MENUPIED li a:hover{
	text-decoration: underline;
}

/* entete pour fichier PDF */
#ENTETE_PDF,  #ENTETE_PDF h1 a:link, #ENTETE_PDF h1 a:visited  {
  color:#5D92B2;
}



