html, body
{
	margin: 0;
	padding: 0;
	width: 100%;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-image: url('canard/fond.jpg');
	background-repeat: repeat;
}

fieldset
{
	border-style: solid;
	border-width: 1px;
	border-color: #294358;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
}

legend
{
	font-size: 10pt;
	font-weight: bold;
	color: #294358;
	padding-left: 6px;
	padding-right: 6px;
}

a:link img
{
	border: none;
}


/* ----------------------------------------------------------------------------------------------------------------------------
   mise en place de la barre laterale a gauche
   ---------------------------------------------------------------------------------------------------------------------------- */

table#body
{
	width: 100%;
}

td#lateral
{
	width: 180px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	vertical-align: top;
}

/* affichage du logo */
td#lateral span
{
	display: block;
	height: 140px;
	margin-bottom: 24px;
	background-image: url('../img/logo/cs_lateral.png');
	background-position: center;
	background-repeat: no-repeat;
}

/* affichage de la log box */
td#lateral address
{
	margin-bottom: 34px;
	text-align: center;
	font-size: 11pt;
	font-style: normal;
	color: #0a3d58;
	text-shadow: #eeeeff 0.1em 0.1em 0.2em;
}

td#lateral address a
{
	display: block;
	line-height: 30px;
	text-align: center;
}

td#lateral address a:link, a:visited
{
	color: #0a3d58;
}

td#lateral address a:hover
{
	color: #ffffff;
	background-color: #0a3d58;
}


/* affichage des liens de navigation */
td#lateral a.liens
{
	display: block;
	width: 170px;
	margin-bottom: 10px;
	background-image: url('canard/fond-liens.png');
	background-position: left center;
	background-repeat: no-repeat;
	font-family: 'Comic Sans MS', sans-serif;
	font-size: 18pt;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
}

td#lateral a.liens div
{
	-ms-filter: progid:DXImageTransform.Microsoft.Glow(color=101010,strength=1);
	filter: progid:DXImageTransform.Microsoft.Glow(color=101010,strength=1);
	zoom: 1;
	text-shadow: #000000 0.1em 0.1em 0.2em;
	cursor: pointer;
}


td#lateral a.liens.lateralsel { background-image: url('canard/fond-liens-sel.png'); }

td#lateral a.liens:link, td#lateral a.liens:active, td#lateral a.liens:hover, td#lateral a.liens:visited
{
	text-decoration: none;
}

a.themelienaccueil { color: #EEEEEE; }
a.themeliencal     { color: #FFCB02; }
a.themelienbio     { color: #6cfeae; }
a.themelienclub    { color: #FFFF99; }
a.themelienphoto   { color: #FF99CC; }
a.themeliennews    { color: #EF6BFF; }
a.themeliencontact { color: #25F9F9; }
a.themelienautre   { color: #EAEAEA; }

td#lateral a.themelienaccueil { margin-bottom: 45px; }


/* afficheage des liens d'administration */
td#lateral a.admin
{
	display: block;
	width: 170px;
	font-family: sans-serif;
	font-size: 10pt;
	text-align: center;
	margin-top: 15px;
}

td#lateral a.admin:link, td#lateral a.admin:active, td#lateral a.admin:hover, td#lateral a.admin:visited
{
	color: #0a3d58;
}



/* ----------------------------------------------------------------------------------------------------------------------------
   mise en place de la barre de titre
   ---------------------------------------------------------------------------------------------------------------------------- */

td#central
{
	vertical-align: top;
	padding-top: 5px;
}

td#central h1
{
	margin: 0;
	padding: 0;
	text-align: left;
	padding-left: 30px;

	font-family: 'Comic Sans MS', fantasy;
	font-size: 32pt;
	font-weight: bold;

	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(direction=140, strength=5, color=222222);
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=140, strength=5, color=222222);
	zoom: 1;

	text-shadow: #000000 4px 4px 5px;
}

td#central h1 em
{
	font-size: 40pt;
	font-weight: bold;
	font-style: normal;
}

td#central h2
{
	margin: 0 0 30px 30px;
	padding: 0;
	font-family: 'Comic Sans MS', sans-serif;
	text-align: left;
	font-size: 18pt;

	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(direction=140, strength=3, color=222222);
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=140, strength=3, color=222222);
	zoom: 1;

	text-shadow: #000000 3px 3px 2px;
}



/* ----------------------------------------------------------------------------------------------------------------------------
   table de liste de liens de navigation
   ---------------------------------------------------------------------------------------------------------------------------- */

table.navigliens
{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
}
table.navigliens td
{
	padding-left: 15px;
	padding-right: 15px;
}
table.navigliens a, table.navigliens a:link, table.navigliens a:active, table.navigliens a:hover, table.navigliens a:visited
{
	font-family: Verdana, Ariel, Helvetica;
	font-size: 12pt;
	color: #0A3D58;
	text-shadow: #eeeeff 0.1em 0.1em 0.2em;
}
table.navigliens a:hover
{
	color: #0884f8;
}