/* style_CANB.css */
/*	Feuille de style CSS du site du Centre d'animation Nature et Balade	*/
/* Août 2005 */
/* Modifications Avril 2006 pour compatibilité xHTML1.0 stricte */
/* Simon DESCARPENTRIES */

/******************************************************************************/
div.entete
{
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:10%;
	margin:0%;
	background-color:#edf9ed;
}
div.entete span.t1
{
	top: 30%;
	left: 10%;
	font:bold 24px "Comic Sans MS";
	color:#ab5a0a;
	position:absolute;
}
div.entete span.c1	{color:#1a1}
div.entete span.c2	{color:#a1a}
div.entete table.logo {height:100%; width:7%;}
div.entete table.deco {position:absolute; top:0%; left:85%; height:100%;}
div.entete td	{text-align:center; vertical-align:middle}
/******************************************************************************/
div.pied
{
	position:absolute;
	bottom:0%;
	left:0%;
	height:10%;
	width:100%;
	border-top:1px solid #ab5a0a;
	text-align:center;
	background-color:#edf9ed;
	padding: 4px 0px 0px 0px;
	margin:0%;
	font:bold 9px "Comic Sans MS";
	color:#ab5a0a;
}
div.pied span.p3 {font-weight: bold; font-size: 8px; color:#1A1;}
div.pied a {text-decoration:none; font-weight:bold; color:#ab5a0a;}
div.pied a:active {color:#00FF00;}
div.pied a:hover {color:#00FF00; background-color:#A1A;}
div.pied img { border:0px; margin:0.5em 0em 0em 0em;}
/******************************************************************************/
div.la_page_accueil
{
	position:absolute;
	top:10%;
	left:25%;
	width:75%;
	height:80%;
	margin:0%;
	border-top:1px solid #ab5a0a;
	border-left:1px solid #A1A;
	font:bold 24px "Comic Sans MS";
	background: url(./batiment_fond.jpg);
}
div.la_page_accueil span.acc8	{ position:relative; left: 95px; top:20%; color:#1a1;}
div.la_page_accueil span.acc9	{ position:relative; left: 95px; top:30%; color:#1a1;}
div.la_page_accueil span.acc10	{ position:relative; left: 30px; top:55%;
color:#ab5a0a; font-size: 14px;}
/******************************************************************************/
div.la_page
{
	position:absolute;
	top:10%;
	height:80%;
	left:25%;
	width:75%;
	border-top:1px solid #ab5a0a;
	border-left:1px solid #A1A;
	margin:0%;
	background: url(./photo_enfants_fond.jpg);
}
/******************************************************************************/
div.la_page_adulte
{
	position:absolute;
	top:10%;
	height:80%;
	left:25%;
	width:75%;
	border-top:1px solid #ab5a0a;
	border-left:1px solid #A1A;
	margin:0%;
	background: url(./rando_adultes.jpg);
}
/******************************************************************************/
div.menu
{
	position:absolute;
	top:10%;
	left:0%;
	width:25%;
	height:80%;
	margin:0%;
	border-top:1px solid #ab5a0a;
	overflow:auto;
	background-color: #f9eef9;
}
div.menu h1		{font: 14px "Comic Sans MS"; margin:5% 0% 0% 5%;}
div.menu a:link	{color:#ab5a0a;}
div.menu a:visited	{color:#ab5a0a;}
div.menu a:hover	{color:#00FF00; background-color:#A1A;}
div.menu a:active	{color:#00FF00;}
div.menu table.logo	{height:40%; width:95%;}
div.menu td	{text-align:center; vertical-align:middle}
/******************************************************************************/
div.contenu
{
	position:absolute;
	top:4%;
	left:5%;
	width:80%;
	height:95%;
	margin:0%;
	font: 13px "Comic Sans MS";
	overflow:auto;
}
div.contenu h1	{ font:bold italic 18px "Comic Sans MS"; color:#1A1; margin:0%;}
div.contenu h2	{ font:bold 15px "Comic Sans MS"; color:#a1a;}
div.contenu span.t2 { font-weight:bold; color:#a1a; line-height:2em;}
div.contenu span.alerte { font-weight:bold; color:#FF0000; }
div.contenu span.t3 { font-size:12px; color:#11a; }
div.contenu table.titre
{
	border: 1px dotted #ab5a0a;
	background-color:#edf9ed;
	width:99.9%;
	text-align:center;
	padding:0.2em;
}
div.contenu table.titre td.encadre
{
	border: 1px dotted #ab5a0a;
	width:33%;
	padding:1%
}
div.contenu table td.titre {font-weight:bold;}
div.contenu table td.à_d {text-align:right;}
div.contenu table td.à_g {text-align:left;}
div.contenu table td.espaceur {width:25%;}
div.contenu p { text-indent: 3em; font-style: italic;}
div.contenu p.droit {text-indent: 3em; font-style:normal;}
div.contenu a {line-height:2em;}
div.citation
{
	position:relative;
	left:33%;
	width: 33%;
	border: 1px dotted #ab5a0a;
	padding:1%;
	margin:1%;
	text-align:center;
	background-color:#edf9ed;
}
div.bouton
{
	position:relative;
	left:33%;
	width: 33%;
	border: 1px dotted #ab5a0a;
	padding:1%;
	margin:1%;
	text-align:center;
	cursor:pointer;
}
div.bouton:hover
{
	background-color:#edf9ed;
}
div.bouton span	{color:#1A1; font-weight: bold; line-height:2em;}
/******************************************************************************/
div.scolaire_sejour
{
	position:absolute;
	top:1%;
	left:35%;
	width:230px;
	height:172px;
	text-align:center;
}
/******************************************************************************/
div.scolaire_animation_ecole
{
	position:absolute;
	top:35%;
	left:5%;
	width:230px;
	height:179px;
	text-align:center;
}
/******************************************************************************/
div.scolaire_projets_perso
{
	position:absolute;
	bottom:10%;
	left:35%;
	width:230px;
	height:179px;
	text-align:center;
}
/******************************************************************************/
div.scolaire_cycles_animation
{
	position:absolute;
	top:35%;
	right:5%;
	width:230px;
	height:179px;
	text-align:center;
}
/******************************************************************************/
/* En règle générale */

a {text-decoration:none; font-weight:bold; font-family: "Comic Sans MS";}
a:link	{color:#1A1;}
a:visited	{color:#1A1;}
a:active	{color:#00FF00;}
a:hover	{color:#00FF00; background-color:#A1A;}

img {border:0px;}

span.lien a:link {color:#000000;}
span.lien a:visited {color:#000000;}
span.lien a:active {color:#00FF00;}
span.lien a:hover {color:#00FF00; background-color:#A010A0;}

div.annonce
{
	font: 24px "Comic Sans MS";
	color: #a010a0;
	width:100%;
	text-align:center;
}

div.centrée
{
	text-align: center;
}