/* ATTENTION: ne pas effacer cette ligne, autrement cela ne fonctionnera plus ALCIWEB_USER_CSS */
body {
  color            : #000000;
  background-color : #FFFFFF;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;
}

.content {
   text-align       : justify;
   margin-bottom    : 0px;
	padding-top      : 0px;
	margin-top       : 15px; /*L'espace au dessus du contenu*/
	padding-left     : 0px;  /*L'espace à la gauche du contenu*/
	padding-right    : 1px;
	color            : #000000;
	background-color : #FFFFFF;
	font-family      : Verdana, Arial, Helvetica, sans-serif;
	font-size        : 12px;
}

/* contenu des paragraphes */
.content a {
     font-size : 12px;
}

/* gestion des liens HTML sans les paragraphes */
.content a:link {
  font-size       : 12px;
  color           : #0000FF;
  font-weight     : normal;
  text-decoration : underline;
}

.content a:visited {
  font-size       : 12px;
  color           : #0099FF;
  font-weight     : normal;
  text-decoration : underline;
}

.content a:hover {
  font-size       : 12px;
  color           : #990000;
  font-weight     : normal;
  text-decoration : underline;
}

/* styles utilises pour la page de news */
/* news : titre */
h2.news {
	border-bottom : 1px solid #CCC;
	margin-bottom : 0;
}

/* news : ligne de date */
div.newsdate {
	text-align : left;
	color      : #666;
	font-size  : 0.85em;
}

/* styles utilises pour les paragraphes de type tableaux "TableDeDonnees" */
#dataTable {
    text-align :center;
}

/* titre des paragraphes tableaux */
#dataTable h1{
   background-color : #E5E5E3;
   font-size        : 130%;
   text-align       : left;
}

#dataTable .dTable{
   width            : 90%;
   background-color : #ffff00;
   margin-left      : auto;
   margin-right     : auto;
   border-collapse  : collapse;
   /*border : 5px solid yellow;*/
}

#dataTable .dTable td{
   background-color : #ffA0A0;
   border           : 2px solid black;
   padding          : 5px;
}

/* styles utilises pour les paragraphes de type "ListeDeLiens" */
#linkList {
}

/* les elements liens de type "a" */
#linkList a {
   text-decoration : underline;
}

/* titre */
#linkList h1{
   background-color : #E5E5E3;
   font-size        : 130%;
}

#linkList .hlinks {
   text-align      : center;
	text-decoration : underline;
}

#linkList .vlinks {
   text-align      : center;
	text-decoration : underline;
	color           : #0000FF;
}

/* tableau dans lequel les liens sont affiches */
#linkList .vlinks table {
    width        :90%;
    margin-left  : auto;
    margin-right :  auto;
    text-align   : left;
}

/* styles utilises pour les paragraphes de type "Album Photos" */
#album {
}

/* titre */
#album h1{
    background-color : #E5E5E3;
    font-size        : 130%;
}

/* tout l'album */
#album table{
    width : 100%;
}

/* les vignettes des photos "thumbs" */
#album img {
    border : 0px;
}

/* styles utilises pour le paragraphe de type "paragraphe par defaut" */
.para {
    /*background-color : #ff0000;*/
}

/* Sujet du paragraphe, dans le paragraphe par defaut */
.para h1{
    background-color : #D7D7D7;
    border-bottom    : 1px solid #9C9C9C;
    font-size        : 130%;
    font-family      : Verdana, Arial, Helvetica, sans-serif;
}

/* Sur-Titre du paragraphe, dans le paragraphe par defaut */
.para h2{
    /* font-size: 120%; */
	 font-size   : 13px;
	 font-style  : italic;
	 font-weight : normal;
    font-family : Verdana, Arial, Helvetica, sans-serif;
}

/* Titre du paragraphe, dans le paragraphe par defaut */
.para h3{
    /* font-size   : 110%; */
	 font-size   : 18px;
	 font-weight : bold;
    font-family : Verdana, Arial, Helvetica, sans-serif;
}

.paracontent a:link {
  /* font-size        : 12px; */
  color           : #0000FF;
  font-weight     : normal;
  text-decoration : underline;
}

.paracontent a:visited {
  /* font-size       : 12px; */
  color           : #0099FF;
  font-weight     : normal;
  text-decoration : underline;
}

.paracontent a:hover {
  /* font-size       : 12px; */
  color           : #990000;
  font-weight     : normal;
  text-decoration : underline;
}

.paracontent {
    margin-bottom : 0px;
    /*background-color : #00ff00;*/
}

/*
======================================================
===== Gestion des menus du site web. ==== debut ======
menu code customization, for a page with css code abc:
- the .menuitem_abc style will give the color of it's menu
- the .leftmenu_abc style will give the configuration of the leftmenu
For pages without a csscode the "null" css code is used
*/

/* gestion menu déroulant (niveau 1) pour onglet "montigny-au-quotidien"  (Vie quotidienne)*/ 
/* debut menu montigny au quotidien (Vie quotidienne) */
.ddm1 .menuitem_montigny-au-quotidien { 
  /* background    : #F9BA82; */
  /* background    : #E8B282; */
  background : #EFC49E;
  /* background    : #F99B0C; */ 
  color      : #000000; 
} 
 
.ddm1 .menuitem_montigny-au-quotidien:hover { 
  background : #FF9338!important; 
  color      : #000000; 
} 

/* fin menu montigny au quotidien  (Vie quotidienne)*/

/* gestion menu deroulant pour onglet "mairie" */ 
.ddm1 .menuitem_mairie { 
  /* background    : #E2D67C; */ 
  /* background    : #DDCC6B; */
  /* background    : #B59B0C; */
  background : #EADD96;
  color      : #000000; 
} 
 
.ddm1 .menuitem_mairie:hover { 
  background : #AFA80A!important; 
  color      : #000000; 
} 
 
/* gestion menu deroulant pour onglet "services-en-ligne" */ 
.ddm1 .menuitem_services-en-ligne { 
  background : #C9E8DD; 
  color      : #000000; 
} 
 
.ddm1 .menuitem_services-en-ligne:hover { 
  background : #4CCED1!important; 
  color      : #000000; 
} 
 
/* gestion menu deroulant pour onglet "loisirs-et-culture" */ 
.ddm1 .menuitem_loisirs-et-culture { 
  /* background    : #B591D1; */ 
  /* background    : #C6AADB; */
  background : #E0CEE0;
  color      : #000000; 
} 
 
.ddm1 .menuitem_loisirs-et-culture:hover { 
  background : #9B6DC6!important; 
  color      : #000000; 
} 
 
/* gestion menu deroulant pour onglet "cadre-de-vie" */ 
.ddm1 .menuitem_cadre-de-vie { 
  background : #F4CCAA; 
  color      : #000000; 
} 
 
.ddm1 .menuitem_cadre-de-vie:hover { 
  background : #EAAA7A!important; 
  color      : #000000; 
} 
 
/* gestion menu deroulant pour onglet "vie-associative" */ 
.ddm1 .menuitem_vie-associative { 
  background : #C6D6C4; 
  color      : #000000; 
} 
 
.ddm1 .menuitem_vie-associative:hover { 
  background : #A3C1AD!important; 
  color      : #000000; 
} 
 
/* gestion menu deroulant pour onglet "economie" */ 
.ddm1 .menuitem_economie { 
  background : #F2BABF; 
  color      : #000000; 
} 
 
.ddm1 .menuitem_economie:hover { 
  background : #D8899B!important; 
  color      : #000000; 
} 

.ddm1 .menuitem_b {
  background    : #E5E5E5;
  color         : #000000;
  border-bottom : 1px black solid;
}

.ddm1 .menuitem_b:hover {
  background : #0D6E00!important;
  color      : #ffffff;
}

/* defaut */
.ddm1 .menuitem_null {
  background    : #E5E5E5;
  color         : #000000;
  border-bottom : 1px black solid;
}

.ddm1 .menuitem_null:hover {
  background : #3535E5;
  color      : #ffffff;
}

/* menu gauche */
.leftmenu_main {
	background-color : #D4EECA;
	width            : 168px;
	height           : 100%;
	margin-right     : 5px;
	/*font-weight: bold;*/
	color: #000000;
}

.leftmenu_montigny-au-quotidien {
  background-color : #ED6E00;
  width            : 168px;
  height           : 100%;
  margin-right     : 5px;
}

.leftmenu_b {
  background-color : #0D6E00;
  width            : 168px;
  height           : 100%;
  margin-right     : 5px;
}

.leftmenu_null {
  background-color : #3535E5;
  width            : 168px;
  height           : 100%;
  margin-right     : 5px;
}

/* gestion menu de gauche (niveau 2) pour "montigny-au-quotidien"  (Vie quotidienne)*/ 
/* === debut menu de gauche montigny au quotidien (Vie quotidienne) */
/* gestion menu de gauche - niveau 2 - pour "montigny-au-quotidien" */ 
.lms1_montigny-au-quotidien {
   background : #EFC49E; 
}

.lms1_montigny-au-quotidien:hover {
   background : #FF9338; 
}
/* === fin menu de gauche (niveau 2) montigny au quotidien (Vie quotidienne) */

/* gestion menu de gauche - niveau 2 - pour "mairie" */ 
.lms1_mairie {
   background : #EADD96; 
}

.lms1_mairie:hover {
   background : #AFA80A; 
}

/* gestion menu de gauche - niveau 2 - pour "services-en-ligne" */ 
.lms1_services-en-ligne {
   background : #C9E8DD; 
}

.lms1_services-en-ligne:hover {
   background : #4CCED1; 
}

/* gestion menu de gauche - niveau 2 - pour "loisirs-et-culture" */ 
.lms1_loisirs-et-culture {
   background : #E0CEE0; 
}

.lms1_loisirs-et-culture:hover {
   background : #9B6DC6; 
}

/* gestion menu de gauche - niveau 2 - pour "cadre-de-vie" */ 
.lms1_cadre-de-vie {
   background : #F4CCAA; 
}

.lms1_cadre-de-vie:hover {
   background : #EAAA7A; 
}

/* gestion menu de gauche - niveau 2 - pour "vie-associative" */ 
.lms1_vie-associative {
   background : #C6D6C4; 
}

.lms1_vie-associative:hover {
   background : #A3C1AD; 
}

/* gestion menu de gauche - niveau 2 - pour "economie" */ 
.lms1_economie {
   background : #F2BABF; 
}

.lms1_economie:hover {
   background : #D8899B; 
}

/* gestion du sous menu de gauche (niveau 3) pour "montigny-au-quotidien"  (Vie quotidienne)*/ 
/* === debut du sous menu de gauche montigny au quotidien (Vie quotidienne) */
/* gestion menu de gauche - niveau 3 - pour "montigny-au-quotidien" (Vie quotidienne) */ 
/* lms2 = Left Menu Selected at level 2 */
.lms2_montigny-au-quotidien {
  background   : #EFC49E; 
  /* color       : #000000; */
  padding-left : 15px;
}

.lms2_montigny-au-quotidien:hover {
  background : #FF9338; 
  /* color       : #000000; */
}

/* === fin menu de gauche (niveau 3) montigny au quotidien (Vie quotidienne) */

/* gestion menu de gauche - niveau 3 - pour "mairie" */ 
.lms2_mairie {
  background   : #EADD96; 
  /* color       : #000000; */
  padding-left : 15px;
}

.lms2_mairie:hover {
  background : #AFA80A;
  /* color       : #000000;  */
}

/* gestion menu de gauche - niveau 3 - pour "services-en-ligne" */ 
.lms2_services-en-ligne {
  background   : #C9E8DD; 
  padding-left : 15px;
}

.lms2_services-en-ligne:hover {
  background : #4CCED1;
}

/* gestion menu de gauche - niveau 3 - pour "loisirs-et-culture" */ 
.lms2_loisirs-et-culture {
  background   : #E0CEE0; 
  padding-left : 15px;
}

.lms2_loisirs-et-culture:hover {
  background : #9B6DC6;
}

/* gestion menu de gauche - niveau 3 - pour "cadre-de-vie" */ 
.lms2_cadre-de-vie {
  background   : #F4CCAA; 
  padding-left : 15px;
}

.lms2_cadre-de-vie:hover {
  background : #EAAA7A;
}

/* gestion menu de gauche - niveau 3 - pour "vie-associative" */ 
.lms2_vie-associative {
  background   : #C6D6C4; 
  padding-left : 15px;
}

.lms2_vie-associative:hover {
  background : #A3C1AD;
}

/* gestion menu de gauche - niveau 3 - pour "economie" */ 
.lms2_economie {
  background   : #F2BABF; 
  padding-left : 15px;
}

.lms2_economie:hover {
  background : #D8899B;
}

/*
===== Gestion des menus du site web. ==== fin   ======
======================================================
*/

/* gestion du moteur de recherche du site, page "SearchResults" */
#searchResults h3 {
}

#searchResults input{
  color               : #374A55;
  font                : message-box;
  font-size           : 100%;
  background-color    : #ffffff;
  border-bottom-color : #000000;
  border-right-color  : #000000;
  border-top-color    : #0080ff;
  border-left-color   : #0080ff;
  border-width        : 1px;
  margin              : 1px;
  }

.advancedSearchOption {
  padding-left : 30px;
  padding-top  : 5px;
}

#searchButton {
  padding-top  : 10px;
  padding-left : 310px;
}

#searchCriteria {
  padding : 10px;
}

/* Pour positionner le style de la chaine de caracteres 
"Resultats dans les pages (1-50):"
dans les resultats de recherche */
.searchPagesNo a:link {
   font-size        : 150%;
   font-weight      : bold;
   color            : #0000FF;
   background-color : grey;
}

.searchPagesNo a:visited {
   font-size        : 150%;
   font-weight      : bold;
   color            : #0099FF;
   background-color : grey;
}

/* gestion du plan du site */
#sitemap {
}

.level0 a {
   font-size   : 120%;
   font-weight : bold;
   padding-top : 10px;
}

.level1 {
   padding-left : 10px;
   padding-top  : 5px;
}

.level1 a {
   font-size   : 110%;
   font-weight : bold;
}

.level2 {
   padding-left   : 20px;
   padding-top    : 10px;
   padding-bottom : 10px;
}

.level3 {
   padding-left : 30px;
}

#sitemap a {
    text-decoration : underline;
}

.news_description {
   text-align    : justify;
   padding-left  : 5px;
   padding-right : 5px;
}

/* pour la gestion des archives des journaux que nous avons importe de l'ancien site */
.journal_Titre {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-style: normal; font-weight: bold; color: #0000FF}
.journal_intertitre {  font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-style: normal; font-weight: bold}
.journal_legende {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: italic; color: #CC3300}
.journal_sous-titre { font-family: Arial, Helvetica, sans-serif; font-size: 14pt }
.journal_sur-titre {  font-family: "Times New Roman", Times, serif; font-size: 14pt; font-style: normal; font-weight: bold; color: #CC3300}
.journal_date {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #FF0040}
.journal_chapo {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #669966; font-style: italic}

/* pour journal (newjn) à partir de 2006 */
/***  début intervention ***/

.newjn_Titre {
  font-family : Verdana, Arial, Helvetica, sans-serif; 
  font-size   : 14pt; 
  font-style  : normal; 
  font-weight : bold; 
  color       : #0000FF
  }
.newjn_intertitre {  
  font-family : Verdana, Arial, Helvetica, sans-serif; 
  font-size   : 13pt; 
  font-style  : normal; 
  font-weight : bold;
  }
.newjn_legende {  
  font-family : Verdana, Arial, Helvetica, sans-serif; 
  font-size   : 10pt; 
  font-style  : italic; 
  color       : #CC3300;
  }
.newjn_sur-titre {  
  font-family : "Times New Roman", Times, serif; 
  font-size   : 13pt; 
  font-style  : normal; 
  font-weight : bold; 
  color       : #CC3300;
  }
.newjn_chapo {  
  font-family : Verdana, Arial, Helvetica, sans-serif; 
  font-weight : bold; 
  color       : #669966; 
  font-style  : italic;
  }
/* fin pour journal (newjn) à partir de 2006 */
/***  fin intervention ***/


/* pour les styles "fckeditor" */
.example_1 {
    font-size : 15px;
    color     : red;
}

.example_2 {
    font-size        : 12px;
    color            : white;
    background-color : blue;
}

.example_3 {
    font-size   : 13px;
    color       : black;
    font-weight : bold;
}

.big-font {
    font-size   : 15px;
    font-weight : bold;
}

.big-font a:link, .big-font a:hover, .big-font a:visited, .big-font a:active, .big-font a{
    font-size   : 15px;
    font-weight : bold;
}

/* Attention: ne pas enlever la primitive .brclear qui suit.
Elle est indispensable pour éviter d'avoir des paragraphes 
qui viennent par dessus d'autres paragraphes lorsqu'on a des 
paragraphes dans lesquels il n'y a que des images en fin de 
paragraphe.
*/
.brclear {
   clear : both;
}

.columnParagraph div.para {
margin: 0px 5px 0px 5px;
}


user_supl.css