/*
	Style Sheet pour le site Web DrummondvilleAccessible.com
	Implémenté par Stéphan Pelletier
	courriel@spsitesweb.com
*/
* {margin:0;padding:0;}
body
	{
	background-color:#486578;
	font:1.0em arial,verdana,tahoma,sans-serif;
	color:#000000;
	text-align:left;
	}
html {margin:0; padding:0;} /* pour Opera qui met les marges dans le tag HTML */

/* Les couleurs du site */ 
.bleu {color:rgb(72,101,120);} /* #486578 */
.bleu255 {color:rgb(0,0,255);} /* #0000ff */}
.orange {color:rgb(170,67,32);} /* #aa4320 */
.rouge {color:rgb(221,22,1);} /* #dd1601 */
.vert {color:rgb(0,166,57);} /* #00a639 */
.jaune {color:rgb(255,255,0);} /* #ffff00 */
.gris {color:rgb(192,192,192);}  /*  #c0c0c0   */
.bleulink {color:rgb(66,127,168);}  /*  #427fa8	  */

/* Formatage des images */
img {border:none;}
.imagedroit {float:right;margin-left:20px;}
.imagegauche {float:left;margin-right:20px;}

/* ******************************************************************************************* */	
/* *******************              Les DIV de formatage de page           ******************* */
/* ******************************************************************************************* */

/* ***************************   COMPLET    ************************** */	
#complet
	{
	text-align:left;	  
	margin:0;
	padding:0;
	position:absolute;
	/* border: 1px solid #ff0000; */
	}

/* ***************************   ENTETE    ************************** */	
#entete
	{
	height:156px;
	margin:0;
	padding:0;
	background-image: url(http://www.drummondvilleaccessible.com/images/Design_hautpattern.gif);
	background-repeat: repeat-x;
	position:relative;
	/*  border: 1px solid #0000ff;   */
	}
#entete input {font-size:10px;}	

/* ***************************   RECHERCHE    ************************** */	
#recherche
	{
	position:absolute;
	right:20px; top:110px;
	margin:0;
	padding:0;
	}

/* ***************************   GAUCHE    ************************** */	
#gauche
	{
	float:left;
	background-image: url(http://www.drummondvilleaccessible.com/images/Design_personnaliser.gif);
	background-repeat: no-repeat;
	width:247px;
	margin:0;
	padding:0;	
	/*  border: 1px solid #0000ff; 	*/
	}

/* ***************************   MENU    ************************** */	
#menu
	{
	margin:47px 20px 30px 14px;
	padding:0;
	font-size:0.9em;
	color:#8a9da9;
	/* border: 1px solid #0000ff;	*/
	}
#menu li
	{
	list-style-type:none;
	padding:7px 0 7px 0;
	border-top:1px solid #8a9da9;
	}

#menu a 
    {
	text-decoration:none;
	display:block;
    }    	
#menu a:link {color:#ffffff;}    
#menu a:visited {color:#ffffff;}     
#menu a:hover
	{
	/*  display:block;  */
	color:#000000;
	}	
#menu a:active {color:#ffffff;}

#menu .personnaliser
	{
	position:absolute;
	top:150px;
	left:26px;
	}
#menu .personnaliser th
	{
	text-align:left;
	font:bold 12px arial,verdana,tahoma,sans-serif;
	height:20px;
	}
#menu .personnaliser td {padding:0 3px 0 3px;}	

/* ***************************   BANNIERE    ************************** */	
#banniere
	{
	font-size:12px;
	text-align:center;	
	margin-bottom:10px;
	}
#banniere img {width:200px; height:400px;}
#banniere a
	{
	text-decoration:none;
	color:#ffffff;
	}

/* ***************************   SOUS_CATEGORIES    ************************** */	
#sous_categories
	{	
	/* float:left; */
	/* width:240px;	 */
	margin:0;
	padding:0;
	/*  border: 1px solid #0000ff; 	 */
	}
#sous_categories li li, li p, td p, blockquote p {font-size:1.0em;}  /* ==> évite les problèmes de NESTED DIVs */
#sous_categories li li li {font-size:0.8em;} 

/* ***************************   FICHE_RAPIDE  (table)  ************************** */	
.fiche_rapide
	{	
	margin:0;
	margin-bottom:6px;
	padding:0;
	/* border: 1px solid #9999AA; */
	}
.fiche_rapide td 
	{		
	margin:1px;
	margin-right:6px;
	padding:1px;
	font-size:0.8em;
	text-align:right;	
	/* border:  1px solid #0000AA; */
    }
.fiche_rapide th
	{		
	margin:6px;
	padding:4px;	
	text-align:center;	
	/* border:  1px solid #0000AA; */
    }  
/* ***************************   FICHE_Complètes ************************** */	
#cat_associee
	{
	float : right;
    }    
 
/* ***************************   PIED_PAGE    ************************** */	
#pied_page
	{
   background : transparent url(images/LogoZEN.gif) no-repeat 20px 0px;
   height: 100px;
	text-align:center;
	clear:both;
	margin: 0px;
   padding: 20px 0px;
	/* border: 1px solid #0000ff; */
	}
#pied_page p
	{
	color:#ffffff;
	font-size:10px;
	}
#pied_page a:link {color:#ffffff;}
#pied_page a:visited {color:#ffffff;}
#pied_page a:hover {color:#ffffff;}
#contenu a:active {color:#ffffff;}

/* ******************************************************************************************* */	
/* *******************                      div CONTENU                    ******************* */
/* ******************************************************************************************* */
#contenu
	{
	background-color:#ffffff;
	padding:25px 5px 25px 10px;  	
	margin:0 27px 0 247px;
	/* position : relative;
	top:156px; left:247px;
	border: 1px solid #00ff00;	 */
	}

/* les LIENS  */
#contenu a:link {color:#427fa8;}     /* bleu foncé  */
#contenu a:visited {color:#427fa8;}     /* bleu foncé  */
#contenu a:hover {color:#ff5a11;}	 /* Orange  */
#contenu a:active {color:#427fa8;}	 /* bleu foncé  */

/* ***********   Formatage des titres   ************* */
#contenu h1	  /*  Bleu foncé  */
	{
	font-size:1.4em;
	color:#000000;
	margin: 0 0 1.0em 0;
	}
#contenu h2	  /*  Bleu foncé  */
	{
	font-size:1.2em;
	color:#486578;
	margin: 0 0 0.8em 0;
	}
#contenu h3	  /*  Noir  */
	{
	font-size:1.0em;
	color:#000000;
	margin: 0 0 0.8em 0;
	}
#contenu h4	  /*  orange  */
	{
	font-size:0.8em;
	color:#aa4320;
	margin: 0 0 0.8em 0;
	}
/* ************************************************ */

#contenu hr
	{margin-bottom:5px;color:#486578;}
/* #contenu hr .vert
	{color:#08863f;} */
#contenu p
	{
	font-size:0.8em;
	margin:0 0 0.8em 0;
	}
#contenu ul
	{
	margin:0;
	/* border: 1px solid #ff0000;  */
	}
#contenu li
	{
	font-size:0.8em;
	margin:0 0 0.8em 50px;
	/* border: 1px solid #00ff00; */
	}
#contenu li li, li p, td p, blockquote p {font-size:1.0em;}  /* ==> évite les problèmes de NESTED DIVs */
#contenu li li li {font-size:1.0em;} 

#contenu .noterouge
	{
	color:#ff0000;
	font-size:10px;
	}
#contenu .notevert
	{
	color:#008C31;
	font-size:10px;
	background-color:#eeeeee;
	}
#contenu .notebleu
	{
	color:#0000ff;
	font-size:10px;
	}

/*  ***********  Listes de gestion  ***********  */
#contenu .table_edition th
	{
	text-align:center;
	padding:0 5px 0 5px;
	margin:0;
	font:bold 0.7em arial,tahoma,sans-serif;
	}	
#contenu .table_edition td
	{
	text-align:center;
	padding:5px;
	margin:0;
	font-size:0.8em;
	}	
#contenu .table_edition .ligne_entete {background-color:#bbbbbb;}
#contenu .table_edition .tr1 {background-color:#eeeeee;}
#contenu .table_edition .tr2 {background-color:#dddddd;}

#contenu .alerteform
	{
	color:#ff0000;
	font-size:0.8em;
	font-style:italic;
	}

/* ***********   Formatage de la fiche individuelle   ************* */
/* #fiche {width:600px;}  */
#fiche th
	{
	text-align:right;
	vertical-align:top;
	font-size:0.8em;
	padding-top:2px;
	}
#fiche td {font-size:0.8em;}
#fiche .cadrefiche
	{
	border:3px solid #486578;
	/* background-color:#dddddd;   */
	padding:10px;
	margin:5px 10px 10px 0;
	}
#fiche .cadredoux
	{
	border:1px solid #cccccc;
	background-color:#f2f2f2;
	padding:10px;
	margin:5px 10px 10px 0;
	}
#fiche .titrecommerce {font-size:1.6em;}

/* ***********   Formatage du formulaire de saisie   ************* */
#form_saisie {width:600px;}
#form_saisie th
	{
	text-align:right;
	vertical-align:top;
	font-size:0.8em;
	padding-top:2px;
	}
#form_saisie td {font-size:0.8em;}
#form_saisie .saisiecategories
	{
	vertical-align:top;
	background-color:#ffffff;
	padding:2px 5px 2px 5px;
	}
#form_saisie .cadresaisie
	{
	border:1px solid #486578;
	background-color:#dddddd;
	padding:10px;
	margin:5px 10px 10px 0;
	}
	
/* ***************************    classes boite et note   ***************************** */

.boite {
   border: 1px solid #CCCCCC;
   font-size:1.0em;
   padding : 4px;
   text-align:left;
}

.note {
	text-align:center;
   border: 1px solid #ff0000;
   font-size:0.8em;
   font-style:italic;
   padding : 6px;
   margin:0 70px 0.8em 70px;
}

/* *******************************    fin div CONTENU   ************************************* */

/* ***************************   SECTION D'ADMINISTRATION !!    ************************** */	
#menu_page
	{
	padding:0;
	margin: 5px 0;
   line-height : 30px;
	}
#menu_page a
	{
	text-decoration:none;
	border:1px solid #bbbbbb;
	padding:3px;
	}
#menu_page b {font-size:1.4em;}

/* *****   table pour lister les section  ***** */	
#liste_sections 
	{
	font-size:12px;
	border:  1px solid #0000AA;
	}
#liste_sections td
    {
	border:  1px solid #0000AA;
	text-align: center;	
	padding: 4px;
	}
	
#liste_bannieres
	{
	font-size:12px;
	border:  1px solid #0000AA;
	}
#liste_bannieres td
    {
	border:  1px solid #0000AA;
	text-align: left;	
	padding: 4px;
	}
#liste_bannieres b
    {
	font-size:14px;
	}
#liste_bannieres img {width:200px; height:400px;}