/*
	Style Sheet, site municipale DE BASE
	info@solutions-zen.com
*/
/* ******************************************************************************************* */	
/* *******************                    RÈGLES GÉNÉRALES                  ********************/
/* ******************************************************************************************* */

* {margin:0;padding:0;}

body {
	background-color : #003758;
	/* background : #e6d9c9 url(images/testbackground.jpg) repeat-x top left; */
	text-align : center;
	font    : 0.8em arial,verdana,tahoma,sans-serif;
	color   : #000000;
/*	overflow : scroll; */

}

html {margin:0; padding:0;} /* pour Opera qui met les marges dans le tag HTML */

/* Les couleurs du site */ 
.blanc {color:rgb(255,255,255);} /* #ffffff */
.gris {color:rgb(192,192,192);}  /*  #c0c0c0   */
.bleu {color:rgb(0,117,186);}  /* #0075ba  */ 
.bleupale {color:rgb(117,192,237);}  /* #75c0ed  */ 
.rouge {color:rgb(223,94,82);}  /* #df5e52  */ 
.rougepale {color:rgb(238,170,164);}  /*  #eeaaa4	*/
.vert {color:rgb(50,156,83);}  /* #329c53  */

.vertlettrage {color:rgb(35,115,59);}  /*  #23733b	  */
.brunlettrage {color:rgb(150,31,22);}  /*  #961f16	   */
.rougemessage {color:rgb(223,94,82);}  /* #df5e52  */ 
/* Formatage des images */
img {
    border  :none;
}

/* Formatage des liens (autres que ceux des sous-menus) */
a {color :#0075ba;}
a:visited {color:#75c0ed;} 
a:active {color:#0075ba;}
a:hover {color:#df5e52;}


table {     /* équivalent à mettre toutes les table à "cellspacing 0 et padding 0"*/    
    border-collapse: collapse;    
}

h1 { 
   font-size : 2.0em;  
   color :  #000000;
   margin : 0 0 14px 0;
   text-decoration : none; /* pour éviter qu'un lien sur un titre soit souligné dans IE et pas dans FF.*/
}
h2 {
   font-size : 1.8em;  
   color : #3e83a8;
   margin : 0 0 12px 0;
   text-decoration : none; /* pour éviter qu'un lien sur un titre soit souligné dans IE et pas dans FF.*/
}
h3 {
   font-size : 1.4em;  
   color : #000000;
   margin : 0 0 12px 0;
   text-decoration : none; /* pour éviter qu'un lien sur un titre soit souligné dans IE et pas dans FF.*/
}
h4 {
   font-size : 1.2em;  
   color : #23733b;
   margin : 0 0 10px 0;
   text-decoration : none; /* pour éviter qu'un lien sur un titre soit souligné dans IE et pas dans FF.*/
}

input {
	font    : 1.0em arial,verdana,tahoma,sans-serif;

}
textarea {
	font    : 1.0em arial,verdana,tahoma,sans-serif;

}
/* ******************************************************************************************* */	
/* *******************                    TABLE de STRUCTURE                ********************/
/* ******************************************************************************************* */
#table_struct {
	background-color : #ffffff;	
	margin : auto;
	margin-top : 0;	
    text-align : left;


    /* OPTION #1 */
    /* CONSIDÉRER UNE LARGEUR FIXE COMME UN MINIMUM POUR LE SITE */
    /* width  : 800px;     */
     width  : 900px;  
    
    /* Équivalent à "min-width", pour contourner les problèmes avec IE. */
    /* la cellule td_contenu s'élargira automatiquement 
        si elle contient un élément fixe plus large, ce qui élargira toute la table.  */       
        

    /* OPTION #2 */ 
    /* SITE QUI S'AJUSTE À LA PAGE */
    /* pour un site qui s'élargirait en proportion avec le format de la fenêtre, utiliser une
       valeur en pourcentage, tout simplement ! (le site restera centré) */   
       
    /* width : 95%; */

	/*border : 1px solid #000000;    */
	
	
	
	
}

#td_menu {
    background : #0075ba url(images/Menu_pattern.gif) repeat-y top left;    
    vertical-align : top;
    margin : 0;
    padding : 0;
    /* border  : 1px solid #0000ff; */

    width : 226px;  
}

#td_contenu {    
    background : #ffffff url(images/Contenu_top.gif) no-repeat top left;
    vertical-align : top;
    margin  :0;
    padding : 0;  
    /*border  : 1px solid #0000ff;   */
}

#td_droite {
	background-color: #d6eee5;
    vertical-align : top;        
    margin : 0;
    padding : 0;

    width : 185px;
}

#table_struct td {  
   /* ATTENTION ce qui est ici sera aussi hérité dans TOUS les TD du sites */
   /* il est donc préférable d'utiliser les conteneurs définis plus bas pour les DIV,
        et éventuellement effacer cette règle. */
   /* Particulièrement en ce qui concerne les "border"*/ 
}



/* ******************************************************************************************* */	
/* *******************                  formattage entête et pieds          ********************/
/* ******************************************************************************************* */
#entete	{
	background: transparent url(images/Entete_pattern.gif) repeat-x top left;
	margin  : 0;
	padding : 0;
	text-align : left;
    height  : 179px;
	/*border  : 1px solid #0000ff; */ 
}

#pied	{
	background-color : #75c0ed;
	color : #000000;
	font-size : 0.8em;
	text-align : center;
	margin  : 0;
	padding : 10px;
	border-top  : 3px solid #0075ba;  
}
#pied a {color:#000000; text-decoration:none;}
#pied a:visited {color:#000000;} 
#pied a:active {color:#000000;}
#pied a:hover {color:#ffffff;}

/* ******************************************************************************************* */	
/* *******************                    formattage du menu               ******************* */
/* ******************************************************************************************* */

#menu {
    background : transparent url(images/Menu_top.gif) no-repeat top left;
	margin  : 0;
	padding : 80px 0 0 0;
    width : 226px;    
	text-align : right;    
}
#menu a {
	color :#ffffff;
	text-decoration:none;
}
#menu a:visited {color:#ffffff;} 
#menu a:active {color:#ffffff;}
#menu a:hover {color:#bbbbbb;}


/* ***********   Formatage des sous-menus   ************ */
.menu_item {
	font : 1.2em arial narrow,arial,tahoma,sans-serif;
	font-weight : bold;
	color : #ffffff;
    background-color: transparent;
    position : relative;
	margin  : 0 48px 8px 0;    
    padding : 2px;
	border-bottom : 1px solid #eeaaa4;

    width : 184px;    /* Important pour pop_up menu (dans IE)! */
}

.menu_item_triangle {
    background : transparent url(images/Menu_triangle.gif) no-repeat top right;
	position  : absolute;
	left      : 0px; /* à partir du côté gauche des "menu_item" */
	/* VALEUR si on veut COLLÉE : 196 px*/
	/* pour l'instant, test pour décollé au bout des flèches..)*/
	top       : 10px;
    width      : 197px; 
    height      : 110%; 
	
    filter      : alpha(Opacity=55); /* IE */
    moz-opacity : 0.55;              /* mozilla */
    opacity     : 0.55;              /* firefox et autres*/
    
}

.sous_menu {                    /* pop up! */
	font : 1.0em arial,verdana,tahoma,sans-serif;
	border :1px solid #000000;
	background-color:#df5e52;
	position  : absolute;
	
	left      : 201px; /* à partir du côté gauche des "menu_item" */
	/* VALEUR si on veut COLLÉE : 196 px*/
	/* pour l'instant, test pour décollé au bout des flèches..)*/
	
	top       : 0;
    visibility: hidden;
    z-index   : 10;              /* s'assurer d'être sur le dessus */

	padding   : 2px;
    width      : 160px; 
	text-align : left;
	
    overflow : hidden;  /* pour l'effet déroulant..*/
        
    /* filter      : alpha(Opacity=92); /* IE */
    /* moz-opacity : 0.92;              /* mozilla */
    /* opacity     : 0.92;              /* firefox et autres */
}

#menu .sous_menu a {  
    text-decoration:none;                 
    display     : block; 
    font-size   : 12px;
    margin      : 2px; 
    padding     : 3px;
    color       : #3e83a8;
    background-color:#ffffff;
}

#menu .sous_menu a:visited {color:#555555;}
#menu .sous_menu a:active {color:#3e83a8;}
#menu .sous_menu a:hover {color:#3e83a8; background-color:#d7e8ed;}




/* ******************************************************************************************* */	
/* *******************                   formattage du contenu             ******************* */
/* ******************************************************************************************* */
/* on peut créer ici des nouveaux ID pour des pages plus particulières, et utliser "contenu" comme générique...*/

#contenu {
	background-color:transparent;
	margin  : 10px 0 0 0;
	padding : 30px 15px 20px 8px;	
	/*border  : 1px solid #ff0000;  */
    /* Si on limite la largeur ici, le contenu qui dépasse ne fera PAS augmenter la cellule...*/
}

#contenu img {
	background-color : #3e83a8;	
	border  : 2px solid #000000;  
    margin  : 4px 8px 8px 8px; 
    padding : 5px;
}
#contenu .img_bouton {              /* BOUTONS (surtout pour la partie de gestion) */
    background-color : transparent;
    border : none;
    padding : 0;
    margin : 0;
}
#contenu p {
	font-size:1.0em;
	margin:0 0 12px 0;
}
#contenu ul	{
	margin:0;
	/* border: 1px solid #ff0000;  */
}
#contenu ul	ul {
	list-style-type:circle;
}
#contenu li	{
	font-size:1.0em;
	margin:0 0 0.2em 50px;
	/* border: 1px solid #00ff00; */
}		 

#contenu hr {
	color:#2288aa;
	margin : 6px 0 6px 0;
	border-style : solid;
	height : 2px; 
	padding : 0px;
}
#contenu .asterix {
	color :	#a4363b;
	font-size:2.0em;
}
#contenu .boite {
	border : 2px solid #329c53;
	font-weight : bold;
	padding : 10px;
	color : #329c53;
	margin : 10px 50px 20px 50px;
}
#contenu .table_taxes th {
	background-color : #c7e9d1;
	text-align : center;
	padding : 10px;
	border : 1px solid #000000;
}
#contenu .table_taxes td {
	padding:10px;
	border : 1px solid #000000;
}

/* ************************************************************************* */
#droite {
	margin  : 0;
	padding : 8px;
	width : 185px;
    /*border  : 1px solid #ff0000;  */
}
#droite hr {
	border-style : solid;
	height : 2px;
	color: #329c53;
	margin : 6px 12px 6px 12px;
}
/* ******************************************************************************************* */	
/* *******************                formattage plus spécifiques          ******************* */
/* ******************************************************************************************* */

#menu_pages {
    margin : 8px;
	padding : 6px;
  	font   : 1.0em arial,verdana,tahoma,sans-serif;
}
#menu_pages a {    
    background-color : #0075ba;
	text-decoration:none;
    color   : #000000;
    margin  : 4px;
    padding : 6px;
	border  : 1px solid #000000;
}
#menu_pages a:visited {color:#000000;}
#menu_pages a:hover {color:#000000; background-color : #75c0ed;}
#menu_pages .selection {
    background-color : #75c0ed;
    color   : #000000;
    margin  : 4px;
    padding : 6px;
	border  : 1px solid #000000;
}
/* ******************************************************************************************* */

.menu_edition_conseil {
    /*  background-color : #aab494;	  */
    margin  : 4px 16px 6px 16px;
    padding : 3px;
    text-align : left;
	border  : 2px solid #aab494;
    clear : both; /* pour éviter d'arriver par dessus une images qui "float" */
    /* si pas assez de texte pour toute la hauteur de l'image. */
}

/* ******************************************************************************************* */
/* table utile pour l'affichage des résultats de recherche d'entreprise */
#table_liste_entreprises {
    margin : 2px 0 2px 2px;
    padding : 0;
}

#table_liste_entreprises td {
 	
    text-align : left;
    padding : 1px 8px 1px 4px;    
    font-size : 1.0em;
    vertical-align : top; 	
}
#table_liste_entreprises th { 	
	border  : 1px solid #aa4a0f;
    background-color : #f3cfa9;
    text-align : center;
    padding : 1px 10px 2px 6px;    
    font-size : 1.0em;
    vertical-align : top; 	
}

/* ******************************************************************************************* */
/* table utile pour conseil_seances.php et gestion_conseil_seances.php */
.table_conseil_seance {	
	
    margin  : 16px;
	padding : 0px;
	border-collapse:collapse; 
	border : 3px inset #2288aa;
}

.table_conseil_seance td {
    margin  : 0px;
	padding : 4px;
	background-color:#ffffff;
	border-bottom : 1px solid #f5ecdf; 
}

/* ******************************************************************************************* */
/* tables utiles pour les collectes d'ordures, recyclages, compostage, etc */
/* Table pour le calendrier (les classes sont sur les lettes dans un <b class=""></b> */
#table_cal_collectes {
    margin : 2px 0 6px 2px;
    padding : 0;
}
#table_cal_collectes th {
    background-color : #329c53;
 	border : 1px solid #000000;
    text-align : center;
    width  : 26px;
    height : 24px;
    font-size : 1.2em;
}
#table_cal_collectes td {
 	border : 1px solid #000000;
    background-color : #ffffff;
    text-align : right;
    padding : 1px;
    width : 26px;
    height : 30px;
    font-size : 1.0em;
    vertical-align : bottom; 	
}
#table_cal_collectes .fds {
    background-color : #c7e9d1;
}

#table_cal_collectes b { /* les lettre sont dans des <b>...*/
    color : #ffffff;
    padding : 0 1px 1px 1px;
    margin : 0 0 1px 1px;
    float : right;
    font-size : 8px;
    border: 1px solid #ffffff;
}
#table_cal_collectes .cal_ferie       {  background-color : #4a75ff; }
#table_cal_collectes .cal_ordure      {  background-color : #5a1c75; }
#table_cal_collectes .cal_recyclage   {  background-color : #1ac265; }
#table_cal_collectes .cal_composte    {  background-color : #5c4a32; }
#table_cal_collectes .cal_grosdechets {  background-color : #cc474a; }
#table_cal_collectes .cal_autre       {  background-color : #ccaaaa; }

/* Table pour l'affichage en liste */
#table_liste_collectes {
    margin : 2px 8px 10px 16px;
}
#table_liste_collectes td{
    margin : 0;
    padding : 4px;
    

}
#table_liste_collectes .cal_ferie       { font-size : 0.8em; background-color : #4a75ff; color : #ffffff; width : 12px; border: 2px solid #ffffff; }
#table_liste_collectes .cal_ordure      { font-size : 0.8em; background-color : #5a1c75; color : #ffffff; width : 12px; border: 2px solid #ffffff; }
#table_liste_collectes .cal_recyclage   { font-size : 0.8em; background-color : #1ac265; color : #ffffff; width : 12px; border: 2px solid #ffffff; }
#table_liste_collectes .cal_composte    { font-size : 0.8em; background-color : #5c4a32; color : #ffffff; width : 12px; border: 2px solid #ffffff; }
#table_liste_collectes .cal_grosdechets { font-size : 0.8em; background-color : #cc474a; color : #ffffff; width : 12px; border: 2px solid #ffffff; }
#table_liste_collectes .cal_autre       { font-size : 0.8em; background-color : #ccaaaa; color : #ffffff; width : 12px; border: 2px solid #ffffff; }



/* ******************************************************************************************* */
/* tables utiles pour les activites  */
/* Table pour le calendrier (les classes sont sur les lettes dans un <b class=""></b> */
#table_cal_activites {
    margin : 2px 0 6px 2px;
    padding : 0;
}
#table_cal_activites th {
    background-color : #329c53;
 	/* border : 2px solid #f5ecdf;	*/
 	border : 1px solid #000000;
    text-align : center;
    width  : 26px;
    height : 24px;
    font-size : 1.2em;
}
#table_cal_activites td {
 	border : 1px solid #000000;
    background-color : #ffffff;
    text-align : right;
    padding : 1px;
    width : 26px;
    height : 30px;
    font-size : 1.0em;
    vertical-align : bottom;
}
#table_cal_activites a {
    text-decoration : none;
}
#table_cal_activites .fds {
    background-color : #c7e9d1;
}

#table_cal_activites b { /* les lettre sont dans des <b>...*/
    color : #ffffff;
    padding : 0 1px 1px 1px;
    margin : 0 0 1px 1px;
    float : right;
    font-size : 8px;
    border: 1px solid #ffffff;
    
}
#table_cal_activites .cal_cult   {  background-color : #cc474a; }
#table_cal_activites .cal_soc    {  background-color : #4a75ff; }
#table_cal_activites .cal_sport  {  background-color : #1ac265; }
#table_cal_activites .cal_spirit {  background-color : #BB9600;}


/* Table pour l'affichage en liste */
#table_liste_activites {
    margin : 2px 8px 10px 16px;
}
#table_liste_activites td{
    margin : 0;
    padding : 4px;
}
#table_liste_activites .cal_cult   { font-size : 0.8em; background-color : #cc474a; color : #ffffff; width : 12px; border: 2px solid #ffffff;}
#table_liste_activites .cal_soc    { font-size : 0.8em; background-color : #4a75ff; color : #ffffff; width : 12px; border: 2px solid #ffffff;}
#table_liste_activites .cal_sport  { font-size : 0.8em; background-color : #1ac265; color : #ffffff; width : 12px; border: 2px solid #ffffff;}
#table_liste_activites .cal_spirit { font-size : 0.8em; background-color : #BB9600; color : #ffffff; width : 12px; border: 2px solid #ffffff;}


/* ******************************************************************************************* */
/* table générale de l'interface de gestion, s'il n'y en a pas une particulière */

.table_gestion {
    margin  : 16px;
	padding : 0px;
}

.table_gestion td {
    margin  : 0px;
	padding : 4px;
	border : 1px solid #aab494; 
}
.table_gestion th {
    text-align : center;
    margin  : 0px;
	padding : 4px;
	border : 1px solid #aab494; 
}

#gestion_message {
    color : #ffffff;
    background-color :#329c53;
    margin  : 15px;
    padding : 5px;
    text-align : center;
}

/* ******************************************************************************************* */

.actualite_court {
    /*  background-color : #aab494;	  */
    color : #000000;
    margin  : 0 3px 0 3px;
    padding : 4px;
}

/* ******************************************************************************************* */

#iframe_google_maps  {
	border : 1px solid #aab494;
	background-color:  #ffffff;/* #aab494; #e3d6c4; IE NE PREND PAS CE PARAMETRE EN CONSIDERATION : BLANC*/
	width : 606px;
	height: 460px;
    color : #ffffff;
    margin  : 4px 8px 6px 8px;
    padding : 14px;
}

/* ******************************************************************************************* */