/*
	Style Sheet, site municipal de Kingsey Falls
	info@solutions-zen.com
*/
/* ******************************************************************************************* */	
/* *******************                    RÈGLES GÉNÉRALES                  ********************/
/* ******************************************************************************************* */

* {margin:0;padding:0;}

body {
	/* background : #c6d2e5 url(images/Fond_site.gif) repeat-x top left;	*/
	background-color : #0b1d41;	 
	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   */
.bleufonce {color:rgb(20,51,115);}  /*  #143373  */
.bleubande {color:rgb(1997,200,221);}  /*  #c5c8dd  */
.vertlettrage {color:rgb(0,114,0);}  /*  #007200	  */
.rouge {color:rgb(136,6,0);}  /*  #880600   */ 

.orangenote {color:#DB9D00;}
.brunlettrage {color:rgb(173,129,93);}  /*  #ad815d	   */
.rougemessage {color:#a4363b;}
/* Formatage des images */
img {
    border  :none;
}

/* Formatage des liens (autres que ceux des sous-menus) */
a {color :#2288aa;}
a:visited {color:#75b1c3;} /*  bleu-gris assez pale  */
a:active {color:#2288aa;}
a:hover {color:#225a88;}


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

h1 { 
	font    : 2.2em "times new roman",georgia,times,serif;
   color :  #143373;
   font-weight : 900;
   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    : 1.6em "times new roman",georgia,times,serif;
   color :  #007200;
   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    : 1.4em "times new roman",georgia,times,serif;
   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    : 1.4em "times new roman",georgia,times,serif;
   color : #880600;
   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;


     width  : 900px;  
	
}

#td_menu {
    background-color : #ffffff;    
    vertical-align : top;
    margin : 0;
    padding : 0;
    /* border  : 1px solid #0000ff; */

    width : 311px;      
}

#td_contenu {    
    background-color : #ffffff;
    vertical-align : top;
    margin  :0;
    padding : 0;  
    /*border  : 1px solid #0000ff;   */
}

#td_droite {
    background-color : #ffffff;
    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/Haut_pattern.gif) repeat-x top left;
	margin  : 0;
	padding : 4px 8px 4px 14px;
	text-align : right;
    height  : 299px;
    position : relative;
}
#entete .coordonnee {
    
    font    : 1.2em arial,verdana,tahoma,sans-serif;
    text-align : right;
    margin : 0;
    padding : 2px;
}
#entetegestion {
	background: transparent url(images/Haut_pattern_gestion.gif) repeat-x top left;
	margin  : 0;
	padding : 4px 2px 2px 14px;
	text-align : left;
    height  : 98px;
    position : relative;
}
    

/* Formatage des liens (autres que ceux des sous-menus) */
#entete a {color : rgb(21,48,115); text-decoration : none;}
#entete a:visited {color: rgb(21,48,115);} /*  bleu-gris assez pale  */
#entete a:active {color: rgb(21,48,115);}
#entete a:hover {color: #000000;}

#entete img {
/*    width : 522px;
    height : 279px;*/
    border  : 2px solid rgb(21,48,115); 
}

#pied	{
	background-color : rgb(197,199,220);
	color : #555555;
	font-size : 0.8em;
	text-align : center;
	margin  : 0;
	padding : 10px;
	/*  border  : 1px solid #0000ff;   */
}
#pied a {color:#ffffff; text-decoration:none;}
#pied a:visited {color:#ffffff;} 
#pied a:active {color:#ffffff;}
#pied a:hover {color:#000000;}

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

#menu {
    background : transparent url(images/Menu_fond.jpg) no-repeat top left;
    position : relative;
	margin  : 0;
	padding : 243px 0 15px 0;
	/*border  : 1px solid #00ff00; 	*/ 
    width : 311px;    
    /*height : 578px;*/
	text-align : left;    	
	z-index : 20;
}


#menu .logo {
    position : absolute;
    left : 0;
    top : 0;
}
#menu a {
	color :#000000;
	text-decoration:none;
}
#menu a:visited {color:#555555;} 
#menu a:active {color:#555555;}
#menu a:hover {color:#555555;}

#form_inscriptions {    
    margin : 0;    
    padding : 16px 0 10px 30px;
	
}


/* ***********   Formatage des sous-menus   ************ */
.menu_item {
	font : 1.2em arial narrow,times new roman,serif;
	font-weight : bold;
	color : #000000;
    background-color: transparent;
    position : relative;
	margin  : 0 48px 4px 24px;    
    padding : 2px 2px 2px 4px;
	border-bottom : 2px dotted #555555;

    width : 186px;    /* 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       : 5px;
    width      : 192px; 
    height      : 110%; 
	
    filter      : alpha(Opacity=55); /* IE */
    moz-opacity : 0.55;              /* mozilla */
    opacity     : 0.55;              /* firefox et autres*/
    
}

.sous_menu {                    /* pop up! */
	/*  border :1px solid #aab494;	*/
	background-color: #7b8eb3;
	position  : absolute;

	font : 1.0em arial,times new roman,serif;
	
	left      : 194px; /* à 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       : -6px;
    visibility: hidden;
    z-index   : 10;              /* s'assurer d'être sur le dessus */

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

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

#menu .sous_menu a:visited {color:#333333;}
#menu .sous_menu a:active {color:#000000;}
#menu .sous_menu a:hover {color: #cccccc; background-color: rgb(21,48,115);}




/* ******************************************************************************************* */	
/* *******************                   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 : 8px 14px 20px 14px;	
	/*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 : rgb(197,199,220);	
	border  : 2px solid rgb(21,48,115);  
    margin  : 4px 8px 8px 8px; 
    padding : 8px;
}
#contenu .photod { 
	float : right;
	text-align : center;
	border  : 0;  
    font-size : 10px; 
    margin : 0 0 15px 20px;
}
#contenu .photod img {
	background-color : transparent;
	display : block;	
	border  : 0;  
    margin  : 0 0 5px 0; 
    padding : 0;
}
#contenu .photog {
	float : left;
	text-align : center;
	border  : 0;  
    font-size : 10px; 
    margin : 0 20px 15px 0;
}
#contenu .photog img {
	background-color : transparent;
	display : block;	
	border  : 0;  
    margin  : 0 0 5px 0; 
    padding : 0;
}

#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 : #143373;
	margin : 6px 0 6px 0;
	border-style : solid;
	height : 2px; 
	padding : 0px;
}
#contenu .deco {
    background : transparent url(images/Feuilles_hr.jpg) no-repeat 0px 10px;
	height : 50px;
	margin : 0;
	padding : 11px 0 0 0;
}
#contenu .deco hr {
	color : #007200;
}

#contenu .asterix {
	color :	#a4363b;
	font-size:2.0em;
} 
#contenu .normal th {
	padding : 3px 2px 3px 0;
	vertical-align : top;
}
#contenu .normal td {
	padding : 3px 2px 3px 0;
	vertical-align : top;
}
/* Boite message  */
#contenu .message {
	width : 70%;
	margin : auto;
	font-size : 0.9em;
	border : 3px double #a27200;
	background : transparent url(images/Bouton_avertissement.gif) no-repeat 10px 10px;
	padding : 10px 10px 10px 50px;
}
#contenu .note {
	color : #a27200;
	font-size : 0.9em;
	font-style : italic;
}
#contenu .salles th {
	background-color: rgb(205,229,203);
	padding:10px 5px;
	border:1px solid #000000;
} 
#contenu .salles {border:1px solid #000000;}
#contenu .salles td {
	padding:3px 5px; 
	border-right:1px solid #000000;
	vertical-align: top;
}

#contenu .table_taxes th {
	background-color : #dddddd;
	text-align : center;
	padding : 10px;
	border : 1px solid #000000;
}
#contenu .table_taxes td {
	padding:10px;
	border : 1px solid #000000;
	font-size : 0.8em;
}
#contenu .table_taxes2 {
	display : block;
	margin : 0 0 0 20px;
}
#contenu .table_taxes2 th {
	background-color : #143373;
	text-align : left;
	vertical-align : top;
	color : #ffffff;
	padding : 5px 5px 5px 0;
	border-right : 2px solid #000000;
}
#contenu .table_taxes2 td {
	padding: 5px;
	border-top : 1px dotted #143373;
	border-bottom : 1px dotted #143373;
	font-size : 0.9em;
}

#droite {
	margin  : 10px 0 0 0;
	padding : 8px;
	width : 185px;
    /*border  : 1px solid #ff0000;  */
}
#droite hr {
	border-style : solid;
	height : 2px;
	color: #143373;
	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 : url(images/menu_pages.gif) repeat-x 0px 0px ;
	
	height : 30px;
	
	text-decoration:none;
    color   : #ffffff;    
    margin  : 4px;
    padding : 6px;

}
#menu_pages a:visited {color:#bbbbee;}
#menu_pages a:hover {
    background-position : 0px -30px;    
    color:#ffffff; 
}

#menu_pages .selection {
    background : rgb(197,199,220) url(images/menu_pages.gif) repeat-x 0px -30px ;
    
    height : 30px;
    
    color   : #ffffff;
    margin  : 4px;
    padding : 6px;
}
/* ******************************************************************************************* */

.menu_edition_conseil {
    /*  background-color : #aab494;	  */
    margin  : 4px 4px 6px 4px;
    padding : 3px;
    text-align : left;
	border  : 2px solid rgb(197,199,220);
    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  : 2px solid rgb(21,48,115);
    background-color : rgb(197,199,220);
    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 rgb(21,48,115);	*/
}

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

/* ******************************************************************************************* */
/* 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 : 8px 0 6px 8px;
    padding : 0;
}
#table_cal_collectes th {
    background-color : #ad815d;
 	border : 1px solid #000000;
    text-align : center;
    width  : 26px;
    height : 24px;
    font-size : 1.2em;
}
#table_cal_collectes td {
 	border : 1px solid #000000;
    text-align : right;
    padding : 1px;
    width : 26px;
    height : 30px;
    font-size : 1.0em;
    vertical-align : bottom; 	
}
#table_cal_collectes .fds {
    background-color : #e4d5ca;
}

#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_compost    {  background-color : #9c7b24; }
#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_compost    { font-size : 0.8em; background-color : #9c7b24; 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> */

#titre_calendrier_menu {    
    margin : 0;    
    padding : 0 0 10px 30px;
	font-size : 16px;
}

#titre_calendrier_menu a {color : #005e00; text-decoration : none;}
#titre_calendrier_menu a:visited {color: #005e00;} 
#titre_calendrier_menu a:active {color: #005e00;}
#titre_calendrier_menu a:hover {color: #333333;}

#table_cal_activites {
    margin : 2px 0 6px 12px;
    padding : 0;
}
#table_cal_activites th {
    background-color : rgb(0,134,0);
    color : #ffffff; 	
 	border : 1px solid #000000;
    text-align : center;
    width  : 35px;
    height : 20px;
    font-size : 1.2em;
}
#table_cal_activites td {
 	border : 1px solid #000000;
    text-align : right;
    padding : 2px;
    width : 34px;
    height : 24px;
    font-size : 1.0em;
    vertical-align : bottom;
}
#table_cal_activites a {
    text-decoration : none;
}
#table_cal_activites .fds {
    background-color : rgb(205,229,203);
}

#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 rgb(21,48,115); 
}
.table_gestion th {
    text-align : center;
    margin  : 0px;
	padding : 4px;
	border : 1px solid rgb(21,48,115); 
}

#gestion_message {
    color : #a4363b;
    background-color : rgb(197,199,220);
    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 #000000;
	background-color:  #ffffff;/* #aab494; #e3d6c4; IE NE PREND PAS CE PARAMETRE EN CONSIDERATION : BLANC*/
	width : 500px;
	height: 430px;
    color : #ffffff;
    margin  : 4px 8px 6px 8px;
    padding : 14px;
}

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