/* CSS pour le site web des Hémérocalles de l'Isle (http://hemerocalles-isle.ca/) */
/* Auteurs : Sylvain Héroux, Jean-Philippe Courchesne, Danny Geffroy, Jean Poulin */
/* Adaptation: Denis Lamy                                                          */


body{   /* Propriétés de base du corps (Body) de la page */
	scrollbar-3dlight-color:#f5f5db; /* Light Yellow - Jaune Clair */ 
	scrollbar-arrow-color:#800000;  /* Burgundy - Bourgogne */
	scrollbar-track-color:#FAF8CC; /* Light Goldenrod Yellow */

	background-color:#FAF8CC; /* Light Goldenrod Yellow */
	background-image:url("images/fond_vert.jpg");
	background-repeat:100% 100%;

	font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12pt;
	font-weight:400;
	line-height:14pt;
	text-align: justify;  
	Color:#000000;  /* Noir  */
	margin:0px;
	padding:0px;
}

p, ol, ul{ /* texte defaut*/
	text-align:justify;
	font-size:1em;
	color:#333333; /* Anthracite  */
}

/* Titres */
h1{ /* titre 1 */
	margin:0px;
	padding:10px 0px 10px 10px;
	text-align:left;
	font-size:2em;
	color:#810541;  /* Maroon - Marron */
}

h2{   /* titre 2*/
	margin:0px;
	padding:20px 0px 10px 20px;
	text-align:left;
	font-size:1.5em;
	color:#810541;  /* Maroon - Marron */
}


h3{   /* titre 3*/
	margin:0px;
	padding:10px 0px 10px 20px;
	text-align:left;
	font-size:1.2em;
	color:#810541;  /* Maroon - Marron */
}

h4{   /* titre 4*/
	margin:0px;
	padding:0px 0px 0px 30px;
	text-align:left;
	font-size:1em;
	color:#810541;  /* Maroon - Marron */
}

h5, h6 {   /* autres titres */
	margin:0px;
	padding:0px 0px 0px 20px;
	text-align:left;
	font-size:1em;
	color:#810541;  /* Maroon - Marron */
}

/* liens */

a:link {  /* lien sans options */
	color:#800517;	/* Firebrick - Rouge Brique */
	text-decoration:none;
}
a:visited, a:active {   /* liens visités ou actifs */
	color:#800517;	/* Firebrick - Rouge Brique */
	text-decoration:none;
}
a:hover,a:focus{   /* souris ou clavier sur liens */
	color:#800517;	/* Firebrick - Rouge Brique */
	text-decoration:underline;
	background-color:#FAF8CC; /* Surlignage Light Goldenrod Yellow */
}

a:hover img, a:focus img{   /* effet pour lien (hover/focus) pour image */
	opacity:0.8; 
	filter:alpha(opacity=80); /*ie*/
}

Table {
	 empty-cells: show;
	}
	
.Note {
     font-family:Times,"Times New Roman",serif;
	 font-size:0.72em;
	 line-height:0,74em;
	}

.Menu {
     
	 font-size:0.90em;
	 line-height:0.78em;
	}

.Petit {
	font-size:0.75em;
	}

a.aname{ /* sous liens de page */
	text-decoration:none;
	color:inherit;
	background-color:inherit;
}


/*###*  zone de la barre d'outils *###*/
#outils{ /* barre d'outil icone*/
	position:fixed;
	left:50%;
	margin-top:160px;
	margin-left:460px;
	padding:1px;
	border:#ccb380 2px solid;
	background-color:#FAF8CC; /* Light Goldenrod Yellow */
	border-radius:30px; -moz-border-radius:30px; /*firefox*/
	/*box-shadow:inset 2px 2px 2px #8B0000; -webkit-box-shadow:inset 2px 2px 2px #8B0000; -moz-box-shadow:inset 2px 2px 2px #8B0000; /*firefox*/
}

#outils ul{ /* liste outils */
	background-color:transparent;
	margin:0;
	padding:5px;
	list-style-type:none;
	text-align:center;
	display:block;
}

#outils li{ /* item de liste outils */
	background-color:transparent;
	background-color:#FAF8CC; /* Light Goldenrod Yellow */
	margin:3px;
	padding:1px;
	border:#8B0000 1px solid;
	border-radius:30px; -moz-border-radius:30px; /*firefox*/
	box-shadow:4px 4px 5px #444444; -webkit-box-shadow:4px 4px 5px #444444; -moz-box-shadow:4px 4px 5px #444444; /*firefox*/
}

#outils a{ /* image outils */
	background-color:transparent;
	text-decoration:none;
	/*color:inherit;*/
	/*background-color:inherit;*/
	/*border-radius:30px; -moz-border-radius:30px; /*firefox*/
}

#outils img{ /* image outils */
	background-color:transparent;
	border:none;
	width:50px;
	height:50px;
	position:relative;
	top:1px;
	z-index:1;
}


#outils li:hover{ /* li hover effet*/
	background-color:transparent;
	/*border-radius:15px; -moz-border-radius:15px; /*firefox*/
	/*box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; /*firefox*/
	border:#800000 1px solid;
	border-radius:30px; -moz-border-radius:30px; /*firefox*/
	box-shadow:inset 2px 2px 2px #8B0000; -webkit-box-shadow:inset 2px 2px 2px #8B0000; -moz-box-shadow:inset 2px 2px 2px #8B0000; /*firefox*/
}

#outils a:active, #outils a:hover, #outils a:focus{ /* a hover effet*/
	background-color:transparent;
	text-decoration:none;
	border-radius:30px; -moz-border-radius:30px; /*firefox*/
}


#outils a:active img, #outils a:hover img, #outils a:focus img{ /* a hover effet*/
	background-color:transparent;
	opacity:1; filter:alpha(opacity=100); /*ie*/
	text-decoration:none;
	border-radius:30px; -moz-border-radius:30px; /*firefox*/
}

/*###* zone qui englobe entete+contenu+pied-de-page *###*/
#leCentre{
	padding:0px;
	margin:auto auto auto auto;
	width:900px;
	border:5px solid #ccb380;
	border-radius:105px 105px 105px 105px; -moz-border-radius:105px 105px 105px 105px; /*firefox*/
	/*box-shadow:4px 4px 5px #444444; -webkit-box-shadow:4px 4px 5px #444444; -moz-box-shadow:4px 4px 5px #444444; /*firefox*/
}


/*###* zone de l'entete de la page *###*/
#entete{
	background:url(images/entete-fleurs.jpg) no-repeat center top;
	width:900px;
	height:200px;
	margin:0px auto 0px auto;
	/*padding:10px 10px 10px 10px;*/
	border-radius:100px 100px 0px 0px; -moz-border-radius:100px 100px 0px 0px; /*firefox*/
}

#entete ul{   /* image d'entete en liste */
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:center;
}

#entete li{   /* image d'entete en ligne */
	margin:20px;
	display:inline;
}

#logo1{
	position:fixed;
	left:50%;
	margin-top:100px;
	margin-left:455px;
}

#logo2{
	position:relative;
	left:-143px;
	top:65px;
	/*margin-top:310px;
	margin-left:-550px;*/
	width:600px;
	height:auto;
}

#logo3{
	position:fixed;
	/*left:50%;
	margin-top:260px;
	margin-left:600px;*/
	visibility:hidden;
}

/*###* zone du menu du haut *###*/
#menu{
	width:900px;
	height:38px;
	text-align:center;
	margin:0px auto 0px auto;
	padding:2px 0px 0px 0px;
	background-color:#ccb380;
}

/** 1er niveau **/
#menu ul{ /* liste */
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:center;
	line-height:150%;
}

#menu li{ /* item de la liste */
	float:left;
	margin:auto; 
	padding:0;
}

#menu li a{ /* lien de la liste */
	display:block;
	width:143px; /*taille des boutons*/
	/*height:auto; */
	text-decoration:none;
	padding:5px 2px 5px 2px;
	font-size:0.9em;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	background-color:#FAF8CC; /* Light Goldenrod Yellow */
	border:#8B0000 1px solid;
	border-radius:15px; -moz-border-radius:15px; /*firefox*/
	box-shadow:4px 4px 5px #444444; -webkit-box-shadow:4px 4px 5px #444444; -moz-box-shadow:4px 4px 5px #444444; /*firefox*/

}

#menu a:active, #menu a:hover, #menu a:focus{  /* effet pour lien (hover/focus) dans menu */
	background-color:#f0f0b2;
	text-decoration:underline;
	border-radius:15px; -moz-border-radius:15px; /*firefox*/
	box-shadow:inset 2px 2px 2px #8B0000; -webkit-box-shadow:inset 2px 2px 2px #8B0000; -moz-box-shadow:inset 2px 2px 2px #8B0000; /*firefox*/
}

/** 2e niveau **/
#menu ul li ul{ /* liste 2e niveau */
	display:none; /*hide*/
	position:absolute; /*par dessus*/
}

#menu ul li:hover ul{ /* affiche second niveau */
	display:block;
	z-index:30; /*display par dessus tout*/
}

#menu li:hover ul li{ /* liste second niveau verticale */
	float:none;
}

body#accueil a#nav-accueil,
body#corporation a#nav-corporation,
body#actions a#nav-actions,
body#manoir a#nav-manoir,
body#liens a#nav-liens,
body#baseicono a#nav-baseicono{   /* page courante active */
	background-color:#f0f0b2;
	border-radius:15px; -moz-border-radius:15px; /*ff*/
}


/*###* zone du contenu central (entre entete et pied-de-page) de la page *###*/
#contenu{
	width:880px;
	height:auto;
	min-height:300px;
	margin:0px auto 0px auto;
	padding:10px 10px 10px 10px;
	text-align:center;
	/*border-right:5px solid #ccb380;
	border-left:5px solid #ccb380;*/
}

#contenu img{ 
	width:100%; 
	height:auto;
	border:none;
}

#contenu div.contenu-float-right{   /* image de contenu justaposee a droite */
	width:40%;
	float:right;
	text-align:center;
	margin:0px auto 0px auto;
	padding:0px 20px 0px 20px;
	font-size:0.9em;
}

#contenu div.contenu-float-right img{
	border-style:none;
	width:100%;
}

#contenu div.contenu-float-right-10{   /* image de contenu justaposee a droite */
	width:10%;
	float:right;
	text-align:center;
	margin:0px auto 0px auto;
	padding:0px 20px 0px 20px;
	font-size:0.9em;
}

#contenu div.contenu-float-right-10 img{
	border-style:none;
	width:100%;
}

#contenu p{   /* paragraphe */
	font-size:1em;
	text-align:justify;
	padding:0px 20px 0px 20px;
	line-height:130%;
}

#contenu p.p-centre{   /* paragraphe centre */
	text-align:center;
}

#contenu ul{   /* liste */
	margin:0px;
	padding:10px 0px;
	list-style:none;
	text-align:left;
	line-height:130%;
}

#contenu ul.ul-point{   /* liste avec "bullet" */
	list-style:circle;
	line-height:150%;
	padding-left:40px;
	text-align:justify;
}

#contenu li{   /* item de liste - defaut */
	font-size:1em;
}

/*** contenu page actions ***/	
#contenu li.li-niv2{   /* item de liste 2e niveau*/
	padding:0px 20px 0px 30px;
}

#contenu li.li-niv3{   /* item liste 3e niveau*/
	padding:0px 20px 0px 40px;
}

/*** contenu page liens ***/
#contenu div.col-gauche{   /* colonne de gauche */
	width:48%;
}

#contenu div.col-droite{   /* colonne de droite */
	width:48%;
	float:right;
}

#contenu li.liens  {   /* liste de liens */
	font-size:1em;
	line-height:150%;
}

#contenu li.liens a {   /* liens des items de liste de liens */
	font-size:0.9em;
}


/*###* zone du pied-de-page *###*/
#pied-de-page{
	background:url(images/pied_page.jpg) no-repeat center top;
	width:900px;
	height:170px;
	margin:0px auto 0px auto;
	/*padding:10px 10px 10px 10px;*/
	font-family:"times new roman", times, serif;
	font-size:0.9em;
	text-align:right;
	border-top:3px solid #ccb380;
	border-radius:0px 0px 100px 100px; -moz-border-radius:0px 0px 100px 100px; /*firefox*/
}

#pied-de-page p{
	padding:0px 10px 0px 60px;
	font-family:verdana, "times new roman", times, serif;
	font-size:0.9em;
	text-align:left;
	/*font-weight:bold;*/
}