/*
	Style Sheet, site de Sainte-Élizabeth-de-Warwick
	info@solutions-zen.com
*/
/* ******************************************************************************************* */	
/* *******************                    RÈGLES GÉNÉRALES                  ********************/
/* ******************************************************************************************* */

* {margin:0;padding:0;}

body {
	background: #ffffff url(images/Entete_pattern.gif) repeat-x top left;
	text-align : left;
	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 */ 
/* Vert du logo : #008600
Vert pâle : #79cf79
Vert très très pâle : #dfffdf
Jaune or : #f5c700
Orange : #ff9639
 */

.blanc {color:rgb(255,255,255);} /* #ffffff */
.gris {color:rgb(192,192,192);}  /*  #c0c0c0   */
.vert {color:rgb(170,180,148);}  /* #aab494  */


.rougemessage {color:#a4363b;}
/* Formatage des images */
img {
    border  :none;
}

/* Formatage des liens (autres que ceux des sous-menus) */
a {color :#00b3ea;}
a:visited {color:#81c1d1;} /*  bleu-gris assez pale  */
a:active {color:#2288aa;}
a:hover {color:#0094bc;}


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

h1 { 
	background: #ffffff url(images/Deco_titre.gif) no-repeat top left;
	left : 10px;
	font-size : 2.0em;  
	color :  #008600;
	margin : 0 0 10px 0; 
	padding : 0 0 0 22px;
	height : 52px;
  
	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 : #008600;
   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 : #008600;
   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 {
	
	margin-top : 0;	
    text-align : left;

    width  : 900px; 	
}

#td_menu {
    background : transparent url(images/Menu_fond.jpg) no-repeat top left;    
    vertical-align : top;
    margin : 0;
    padding : 0;

    width : 218px;  
    height : 450px; /* agit comme minimum, sinon l'image de menu serait coupée :)*/
}

#td_contenu {    
    background-color : transparent;
    vertical-align : top;
    margin  :0;
    padding : 0;  
}

#td_droite {
	background-color: transparent;
    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	{
	margin  : 0;
	padding : 0;
	text-align : left;

    height  : 174px;
}

#pied	{
	background-color : transparent;
	color : #000000;
	font-size : 0.8em;
	text-align : center;
	margin  : 0;
	padding : 10px;

}
#pied a {color:#00b3ea; text-decoration:none;}
#pied a:visited {color:#81c1d1;}
#pied a:active {color:#00b3ea;}
#pied a:hover {color:#0094bc;}

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

#menu {
    background-color: transparent;
	margin  : 0 38px 0 0 ;
	padding : 10px 0 0 0;
	text-align : right;    

    width : 218px;    
}
#menu a {
	color :#000000;
	text-decoration:none;
}
#menu a:visited {color:#000000;} 
#menu a:active {color:#000000;}
#menu a:hover {color:#334455;}


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

    width : 168px;    /* 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       : 0;
    width      : 180px; 
    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 #008600;
	background-color: #79cf79;
	position  : absolute;
	
	left      : 182px; /* à partir du côté gauche des "menu_item" */
	
	top       : -9px;
    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=85); /* IE */
    moz-opacity : 0.85;              /* mozilla */
    opacity     : 0.85;              /* firefox et autres */
}

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

#menu .sous_menu a:visited {color:#333333;}
#menu .sous_menu a:active {color:#000000;}
#menu .sous_menu a:hover {color:#ffffff; background-color: #008600;}




/* ******************************************************************************************* */	
/* *******************                   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  : 8px 0 0 0;
	padding : 8px 15px 20px 6px;	
	/*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 : #f7f2d9;	
	border  : 2px solid #008600;  
    margin  : 4px 8px 8px 8px; 
    padding : 6px;
}
#contenu .img_bouton {              /* BOUTONS (surtout pour la partie de gestion) */
    background-color : transparent;
    border : none;
    padding : 0;
    margin : 0;
}
#contenu hr {
	color : #008600;
	margin : 6px 0 6px 0;
	border-style : solid;
	height : 2px; 
	padding : 0px;
}
#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 .asterix {
	color :	#a4363b;
	font-size:2.0em;
}
#contenu .table_taxes th {
	background-color : #f5c700;
	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: #f5c700;
	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 : #79cf79;
	text-decoration:none;
    color   : #000000;
    margin  : 4px;
    padding : 6px;
	border  : 1px solid #008600;
}
#menu_pages a:visited {color:#000000;}
#menu_pages a:hover {color:#000000; background-color : #f5c700;}
#menu_pages .selection {
    background-color : #f5c700;
    color   : #000000;
    margin  : 4px;
    padding : 6px;
	border  : 1px solid #008600;
}

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

.menu_edition_conseil {
    /*  background-color : #aab494;	  */
    margin  : 4px 16px 6px 16px;
    padding : 3px;
    text-align : left;
	border  : 2px solid #008600;
	
    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 { 	
	
    background-color : #f5c700;
    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 #008600;
}

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

/* ******************************************************************************************* */
/* 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 4px;
    padding : 0;
}
#table_cal_collectes th {
    background-color : #f5c700;
 	border : 1px solid #008600;
    text-align : center;
    width  : 24px;
    height : 24px;
    font-size : 1.2em;
}
#table_cal_collectes td {
 	border : 1px solid #008600;
    text-align : right;
    padding : 1px;
    width : 24px;
    height : 28px;
    font-size : 1.0em;
    vertical-align : bottom; 	
}
#table_cal_collectes .fds {
    background-color : #dfffdf;
}

#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 : #000000; }
#table_cal_collectes .cal_recyclage   {  background-color : #1ac265; }
#table_cal_collectes .cal_compost    {  background-color : #aa7836; }
#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 : #000000; 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_compost    { font-size : 0.8em; background-color : #aa7836; 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 4px;
    padding : 0;
}
#table_cal_activites th {
    background-color : #f5c700;
 	border : 1px solid #008600;
    text-align : center;
    width  : 24px;
    height : 24px;
    font-size : 1.2em;
}
#table_cal_activites td {
 	border : 1px solid #008600;
    text-align : right;
    padding : 1px;
    width : 24px;
    height : 28px;
    font-size : 1.0em;
    vertical-align : bottom;
}
#table_cal_activites a {
    text-decoration : none;
}
#table_cal_activites .fds {
    background-color : #dfffdf;
}

#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 #008600; 
}
.table_gestion th {
    text-align : center;
    margin  : 0px;
	padding : 4px;
	border : 1px solid #008600; 
}

#gestion_message {
    color : #004500;
    background-color : #f5c700;
    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 #008600;
	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;
}

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