/* @override http://tofawa.asn.au/squelettes/habillage.css */
html body {
	background: url(../IMG/body-bg.gif) no-repeat top center;
}

#wrap {
	padding: 0 0 0 0;
	background: url(../IMG/wrap-bg-lines.gif) repeat-x bottom left;
}

/* @group Layout */
#custom-doc {
	margin:auto;text-align:left; /* leave unchanged */
	width:73.4615em;/* non-IE */
	*width:71.6911em;/* IE */
	min-width:955px;/* optional but recommended */
	position: relative;
}
#ft { font-size: 77%; background: url(../IMG/ft-swan.png) no-repeat center left; padding: 18px 0 12px 50px; position: absolute; bottom: 0;;}
#ft .copy { color: #ff4431; float: left; }
#ft .copy a { color: #708ba5; }
#ft .credits { display: none; color: #708ba5; float: right; margin: 0 47px 0 0; }
#ft .credits a.bouncing { color: #708ba5; }
#ft .credits a.bouncing .orange { color: #f37b46; }
#ft .credits a.spip { color: #5262c8; }

#main {
	display: block;
}

#con {
	padding-left: 20px;
	padding-right: 20px;
}

#side {
	display: block; width: 253px;
	overflow: auto; 
	background-color: #EDF3F7;
	padding: 6px 0 6px 0;
}

hr { border: none; border-bottom: 1px dotted #0b6cbf; }

hr.clear {
	 width: 100%; clear: both; visibility: hidden; margin: 0; padding: 0; border: none;
}

/* @end */



/* @group Menus */
	/* @group Site Navigation */
	#nav {
		display: block; float: left;
		width: 665px;
		margin: 0 0 10px 37px;
		padding: 10px 0 0 0;
		background: url(..//IMG/body-bg.gif) bottom right;
		border-bottom: 10px solid white;
	}

	#nav ul.menu
	{ list-style: none; display: block; margin: 0; padding: 0; clear: both; font-family: Tatoma, sans-serif;}
	#nav ul.menu li { display: block; margin: 0; padding: 0; float: left; list-style: none; border-left-width: 4px; border-left-style: solid; line-height: 1; }
	#nav ul.menu li.hd { padding: 0; text-align: center; border: none; font-size: 153.9%; }
	#nav ul.menu li.hd img { vertical-align: top; }
	#nav ul li span, #nav ul li a { 
		display: block; padding: 7px; 
		color: inherit; text-decoration: none;
	}
		
	#nav ul#naven li { color: #ffffff; border-color: #ffffff; font-weight: bold; }
	#nav ul#naven a { color: #ffffff; }
	#nav ul#naven li span, #nav ul#naven a:hover, #nav ul#naven a:active, #nav ul#naven a:focus { background-color: #FF958A; border: none; } 

	#nav ul#navfr li { color: #4782BC; border-color: #2D71B3; }
	#nav ul#navfr a { color: #4782BC; }
	#nav ul#navfr li span, #nav ul#navfr a:hover, #nav ul#navfr a:active, #nav ul#navfr a:focus { background-color: #E0EAF4; border: none; }

	#nav ul.menu li#en1, #nav ul.menu li#fr1 { width: 132px; }
	#nav ul.menu li#en2, #nav ul.menu li#fr2 { width: 85px; }
	#nav ul.menu li#en3, #nav ul.menu li#fr3 { width: 99px; }
	#nav ul.menu li#en4, #nav ul.menu li#fr4 {  }
	
	#breadcrumbs { overflow: auto; padding: 0; color: white; }
	#breadcrumbs li { display: block; list-style: none; padding: 0 0 0 0.5ex; margin: 0; width: auto; float: left; }
	#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited {
		color: white; font-weight: bold; text-decoration: none;
	}
	#breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:focus { 
		color: white; font-weight: bold; text-decoration: underline;
	}
	
	/* @end */
	
	/* @group Extra Menu */
	
	#extra { display: block; width: 236px; }
	#extra ul, #extra li { list-style: none; padding: 0; margin: 0 0 4px 0; }
	#extra li span, #extra li a:link, #extra li a:visited { 
		display: block; height: 19px;
		margin: 0; padding: 0;
		border-width: 4px; border-style: solid; 
		color: #FF4431; border-color: #FF4431; background-color: #FFCCC7; 
		background-position: center center; background-repeat: no-repeat;
		text-align: center; text-transform: uppercase; text-decoration: none;
		
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 93%; font-weight: bold;
		line-height: 1;
	}
	#extra li span, #extra li a:hover, #extra li a:active, #extra li a:focus { 
		display: block; height: 19px;
		margin: 0; padding: 0;
		border-width: 4px; border-style: solid; 
		color: #547A9B; border-color: #547A9B; background-color: #D1DBE4;
	}
	#extra span span, #extra a span { visibility: hidden;}
	/*
	#extra #extra1 a { background-image: url(../IMG/extra-downloads.gif); }
	#extra #extra1 span, #extra #extra1 a:hover, #extra #extra1 a:active, #extra #extra1 a:focus { background-image: url(../IMG/extra-downloads-sel.gif); }
	#extra #extra2 a { background-image: url(../IMG/extra-links.gif); }
	#extra #extra2 span, #extra #extra2 a:hover, #extra #extra2 a:active, #extra #extra2 a:focus { background-image: url(../IMG/extra-links-sel.gif); }
	#extra #extra3 a { background-image: url(../IMG/extra-contact.gif); }
	#extra #extra3 span, #extra #extra3 a:hover, #extra #extra3 a:active, #extra #extra3 a:focus { background-image: url(../IMG/extra-contact-sel.gif); }
	*/
	/* Extra menu for public area uses a sprite */
	#extra1 a, #extra1 span, #extra2 a, #extra2 span, #extra3 a, #extra3 span, #extra4 a, #extra4 span 
	{ background-image: url(../IMG/extra-public-sprite.gif); }
	#extra #extra1 a { background-position: 0px -19px; }
	#extra #extra1 span, #extra #extra1 a:hover, #extra #extra1 a:focus, #extra #extra1 a:active  
	{ background-position: 0px 0px; }
	#extra #extra2 a { background-position: -228px -19px; }
	#extra #extra2 span, #extra #extra2 a:hover, #extra #extra2 a:focus, #extra #extra2 a:active
	{ background-position: -228px 0px; }
	#extra #extra3 a { background-position: -456px -19px; }
	#extra #extra3 span, #extra #extra3 a:hover, #extra #extra3 a:focus, #extra #extra3 a:active
	{ background-position: -456px 0px; }

	/* Extra menu for members area uses a sprite */
	#extra0 a, #extra0 span, #extra24 a, #extra24 span, #extra25 a, #extra25 span, #extra33 a, #extra33 span  
	{ background-image: url(../IMG/extra-members-sprite.gif); }
	#extra #extra0 a { background-position: -684px -19px; }
	#extra #extra0 span, #extra #extra0 a:hover, #extra #extra0 a:focus, #extra #extra0 a:active  
	{ background-position: -684px 0px; }
	#extra #extra24 a { background-position: -228px -19px; }
	#extra #extra24 span, #extra #extra24 a:hover, #extra #extra24 a:focus, #extra #extra24 a:active
	{ background-position: -228px 0px; }
	#extra #extra25 a { background-position: -456px -19px; }
	#extra #extra25 span, #extra #extra25 a:hover, #extra #extra25 a:focus, #extra #extra25 a:active
	{ background-position: -456px 0px; }
	#extra #extra33 a { background-position: 0px -19px; }
	#extra #extra33 span, #extra #extra33 a:hover, #extra #extra33 a:focus, #extra #extra33 a:active
	{ background-position: 0px 0px; }
	
	#extra img { vertical-align: top; }
	
	#member-newsletter, #member-resources #sub li {	min-height: 55px; margin-bottom: 10px; clear: both;}
	/* @end */
/* @end */

/* @group Authentication */
	#auth {
		display: block; width: 410px; float: left;
	}
	#auth #form { display: block; width: 100%; background-color: #EDF4F8; float: right; border-color: #BDD6E5; border-style: solid; border-width: 3px 4px; }
	#auth #form h2 { background-color: #BDD6E5; width: 100%; text-align: center;}
	#auth #form img { float: left; border-right: #BDD6E5 solid 4px; }
	#auth #form div { margin: 9px 0 0 8px; float: left; }
	#auth #form legend { display: none; }
	#auth #form label { color: #566C80; clear: right; display: block; text-transform: uppercase; }
	#auth #form input { width: 60px; border: 2px solid #BDD6E5; color: #566C80; background: #ffffff; float: none; margin: 0 0 1px 0; }
	#auth #form input.button { width: auto; height: 19px; background-color: #BDD6E5; border-color: #BDD6E5; color: #ffffff; border-style: solid; margin: 0; }
	#auth #links { padding: 30px 0 0 0;}
	#auth #links a { color: #748a9d; font-size: 77%; display: block; margin:  10px 0 0 9px; width: 85px; }
	#auth #links a:link, #auth #links a:hover, #auth #links a:focus, #auth #links a:active  { border: none;}
	
	#auth #form #visit { display: block; float: left; padding-top: 2px; width: 100%; }
	#home #auth #form #visit { width: 158px; }
	#auth #form #visit li { margin: 1ex 0; padding: 0; line-height: 1; text-transform: uppercase; font-size: 10px; text-align: center; }
	#auth #form #visit li span { display: block; margin: 0 1ex ; color: #46596c; line-height: 1; padding: 2px; font-weight: bold;}
	
	#auth #form #visit li a { display: block; margin: 0 1ex ; border: 1px solid #bdd6e5; 
		color: #46596c; text-decoration: none; line-height: 1; padding: 2px; }
	
	#auth #form #visit li a:hover, #auth #form #visit li a:focus, #auth #form #visit li a:active {
		background-color: #46596c; color: #EDF4F8;
	}
	
	#auth #form form #rememberme { display: none; }
	#auth #form form fieldset { display: block; float: left; padding-top: 2px; }
	#home #auth #form form fieldset { width: 158px; }
	#auth #form form fieldset p { display: block; padding: 0 1ex 2px 1ex;}

	#auth #form form fieldset p.reponse_formulaire { color: red; }
 	#auth #form form fieldset p label { display: block; font-size: 9px; font-weight: bold; }
 	#auth #form form fieldset p input { width: 100px ; margin: 0; padding: 0; }
 	#auth #form form .spip_bouton { display: block; clear: both; }
 	#auth #form form .spip_bouton input { display: block; width: auto; padding: 0; margin: 0.85em 0 0 7px; background: #bdd6e5; color: white;}
 	#auth #form form fieldset #password { float: left; margin-right: 0; padding-right: 0;}

	#auth a.killuser { color: #748a9d; font-weight: bold; }
/* @end */

/* @group Pages */
	/* @group DEFAULT */
	body #custom-doc {
		background: url(../IMG/hd-bg.jpg) no-repeat top left;
	}
	body #hd { padding: 0 0 0 0; overflow: auto;}
	body #hd h1 { display: block; margin: 120px 0 0 45px; padding: 0; float:left; }
	body #hd h1 a {display: block; width: 470px; height: 20px; }
	
	body #hd #auth { margin: 0; padding: 6px 0 0 45px; width: 263px; height: 141px; background: white url(../IMG/forums.gif) no-repeat bottom left ; float: right;}
	body #hd #auth #links { float: right; width: 95px; }
	body #hd #auth #form { height: 120px; width: 160px; float: left;}
	body #hd #auth #form h2 span { display: none; }
	body #hd #auth img { display: none; }
	body #hd #auth #form h2 img { display: block; }
	
	body #bd {
		background: url(../IMG/page-edge.gif) repeat-y top right;
		height: auto !important;
		height: 400px;
		min-height: 400px;
	}
	
	body #main {
		width: 702px;
		float: left;
	}
	body #main #con h2 {
		display: block; 
		width: 160px;
		font-size: 167%;
		float: left;
		margin: 0 0 0 17px;
		padding: 27px 20px 0 5px;
		border-left: 4px #0b6cbf solid;
		color: #0B6CBF;
		font-family: Tahoma;
		font-weight: bold;
	}
	body #main #con img.sectlogo {
		display: block; float: left; clear: left;
		margin: 17px 0 0 21px;
	}
	body #main #con #mast { display:block; float: left; }
	body #main #con #mast h2, body #main #con #mast img.sectlogo {
		float: none;
	}
	
	body #main #con .article {
		display: block;
		width: 454px; 
		float: right;
		padding: 15px 0 20px 0px ;
		border-bottom: 1px dotted #0b6cbf;
	}
	
	body#error #main #con .article {
	border-bottom: none; 
}
	
	.article h3 {
		color: #FF4431;
		float: left;
	}
	#con .article a.trans, #con .article a:link.trans, #con .article a:visited.trans {
		display: block;
		font-family: Tahoma;
		font-size: 77%;
		color: #505050;
		float: right;
		border: none;
		text-decoration: underline;
	}
	
	
	.documents { margin-left: 60px; margin-top: 20px; font-weight: bold;}
	.documents li { clear: both; overflow: auto; margin: 5px 0;}
	.documents img { float: left; vertical-align: top; padding-right: 10px; }
	.documents a { color: #ff4431; }
	.documents strong { font-size: 83.33%; font-weight: bold; }
	
	#sub.article img { display: block; float: left; margin-right: 20px;}
	#sub.article.sub h3 { display: block; width: 234px; float: right; clear: right; text-align: left; }
	#sub.article.sub h4 { display: block; width: 234px; float: right; clear: right; 
		color: #0B6CBF; font-size: 116%; text-align: left; font-weight: bold; }
	
	body #side #extra { margin: 0 auto; }
	/* @end */
	
	/* @group Home */
	body#home { background: white url(../IMG/home-body-bg.gif) no-repeat top center; }
	body#home #wrap { padding-bottom: 85px; }
	
	body#home #hd { height: 390px; background: url(../IMG/home-hd-bg.jpg) no-repeat top left; }
	
	body#home #hd h1 { display: block; margin: 170px 0 0 45px; padding: 0; float:left; }
	body#home #hd h1 span {display: block; width: 470px; padding: 0; height: 20px; }
	body#home #hd #nav { margin-top: 127px; margin-bottom: 0; border-bottom: none; background: none; }
	
	body#home #bd { margin: 33px 47px 33px 210px; background: none; height: auto !important; min-height: 100px !important; }
	body#home #extra { width: 256px; float: right; margin: 0; }
	body#home #extra li { text-align: center; margin: 0 0 4px 0; padding:  0;}
	
	body#home #auth #links #join { float: left; }
	body#home #auth #links #forgotten { float: right; width: 154px; }
	body#home #auth h2 img { border: none; }
	body#home #auth #memberslogo { border-right: 3px #BDD6E5 solid; }
	body#home #ft { position: relative; }
	body#home #ft .credits { display: block; }
	
	/* @end */

/* @end */

/* @group SPIP Forums */
	#nav.breadcrumbs { min-height: 50px; }
	.forum { display: block; width: 454px; float: right; padding: 15px 0 20px 0px; }
	.forum h3 { color: #f82d2a; font-weight: bold; }
	.forum .description { }
	.forum .introduction { }
	.forum .fora { }
	.forum .fora .forum { margin: 1ex 0 2em 0; padding: 0; }
	.forum .threads { margin: 0 0 1ex 0; border-width: 1px 0; border-style: dotted; border-color: #0b6cbf; }
	.forum .threads th { background-color: #edf3f7; font-weight: bold;}
	.forum .threads .title { width: 353px; padding: 2px 4px; }
	.forum .threads .author { width: 80px; padding: 2px 4px; border-left: 6px solid white; }
	.forum .threads td.author { color: #0c6cc0; }
	.forum .threads td { line-height: 20px;  }
	#con .forum .controls a { display: block; float: left; border: none; line-height: 20px; height: 20px;}
	#con .forum .controls a.all { float: right; }
	#con .forum .threads a {  border: none;}

	.forum #form .instructions { font-weight: bold; margin: 1em 0; }
	.forum #form h3 { padding-bottom: 0.75ex; margin-bottom: 1em; border-bottom: 1px dotted #0b6cbf; }
	.forum #form label { display: block; color: #0b6cbf; font-weight: bold; padding: 0.25ex 0.5ex;}
	.forum #form legend { display: block; color: #0b6cbf; font-weight: bold; padding: 0 0 1ex 0.5ex;}
	.forum #form legend b { font-style: italic; }
	.forum #form .field input, .forum #form .field textarea,
	.forum #form fieldset input, .forum #form fieldset textarea { 
		border: 0; margin: 0; padding: 1%; width: 98%; background: #ffe5e3;
	}
	.forum #form .field textarea, .forum #form fieldset textarea { height: 10em; }
	.forum #form .section, .forum #form fieldset { margin-top: 2em;}
	.forum #form .field, .forum #form fieldset p { margin: 1ex 0 1ex 0;}
	.forum #form .button, .forum #form .spip_bouton { border-top: 1px dotted #0b6cbf; margin-top: 2px; padding-top: 1ex; text-align: right; }
	.forum #form .button input, .forum #form .spip_bouton input {
		background: #ff4431; color: white; border: 0; padding: 0.5ex 1em; line-height: 1em; text-transform: uppercase;
		width: auto !important; width: 100px; min-width: 100px;
	}
	/* These are read-only */
	.forum #form #nom input, .forum #form #email input, .forum #form #auteur, .forum #form #email_auteur { color: #aaa;}

	.forum .message .hd, .forum .reply .hd { padding-bottom: 1ex; margin-bottom: 0.5ex; border-bottom: 1px dotted #0b6cbf; overflow: auto; clear: both;}
	#con .forum .message .hd a { border: none; }
	.forum .message .hd h3 { display: block; width: 50%; float: left; }
	.forum .message .hd .title { width: 65%;}
	.forum .message .hd .author { width: 35%;}
	
	.forum .message .bd, .forum .reply .bd { background: #ffccc7; padding: 1px 1ex;}
	.forum .message .bd p, .forum .reply .bd p { margin: 1ex 0; }
	
	.forum .message .ft, .forum .reply .ft { 
	display: block; clear: both; overflow: auto; border-top: 1px dotted #0b6cbf; padding: 0.5ex 0; margin-top: 0.5ex;}

	.forum .message .ft span, .forum .reply .ft span 
	{ display: block; float: left; color: #0c6cc0; line-height: 1em; padding: 0.2ex 0;}
	
	#con .forum .message .ft a, #con .forum .message .ft a:link
	{ display: block; background: #f82d2a; color: #ffffff; border: 0; padding: 0.5ex 1em; 
	width: 4em; text-align: center; float: right; clear: right; text-transform: uppercase; line-height: 1em;}
	
	.forum .reply { margin: 2em 0 0 5em;}
	.forum .reply .bd { background: #edf3f7;}

	.forum #form .previsu { margin: 0;}
	.forum #form .previsu legend { color: #f82d2a; font-weight: bold; }
	.forum #form.forum {  }
	
	#sub h4 { margin: 0; padding: 0; }
	#sub p { margin: 0 0 1em 0; padding: 0;}
	#sub a, #sub a:link, #sub a:visited { color: #0b6cbf; }
/* @end */

/* @group SPIP Forms */

	.form { margin: 2em 0 0 0; }
	.spip_forms { display: block;  
	}
	.spip_forms .spip_descriptif { padding: 1ex 0;}
	.spip_forms legend { display: none; }
	.spip_forms fieldset { background: #f8fbfe; padding: 1ex;  margin: 0 2.5em; }

	.spip_forms fieldset.separateur_1,.spip_forms fieldset.separateur_2  { border-top: 1px solid #e2e5e8; }
	.spip_forms span.spip_form_label_obligatoire, .spip_forms span.spip_form_label_details { display: none; }
	.spip_form_champ { display: block; margin: 10px 5px; }
	.spip_forms span.spip_form_label { display: block; width: 100px; float: left; clear: left; padding: 0 10px 0 0;
		text-align: right; }
	.spip_form_champ input, .spip_form_champ select, .spip_form_champ textarea {
		display: block; width: 20em; float: left; padding: 2px; margin: 2px 0 0 0;
		border: 1px solid #0B6CBF; 
		}
	.spip_forms .readonly { background-color: #e4e4e4; color: #3a3a3a; }
	.spip_forms .spip_form_champ .nettoyeur { display: block; visibility: hidden; clear: both; }
	
	.spip_forms .spip_bouton { padding: 1em 9ex; }
	
	.spip_form_champ .forml { /* required field input */ border-style: solid; }
	.spip_form_champ .formo { /* optional field input */ border-style: dotted; }
	.spip_form_champ .erreur { display: block; clear: left; margin-left: 110px;
		font-size: 77%; line-height: 1; color: #FF4431; }
	.spip_form_champ .champ_obli_oubli { border-color: #FF4431; background-color: #FFCCC7;}
	.forum #form fieldset .spip_barre { width: 100%; }
	.forum #form fieldset .spip_barre input { background: white; }
	#con .spip_barre a, #con .spip_barre a:link { border: none; }
/* @end */

/* @group Accessibility */
	body #hd h1 span { visibility: hidden; }
	body #hd h1 a { text-decoration: none; }
@media aural {
	body #hd h1 span { visibility: visible; }
	#extra a span { visibility: visible; }
}
/* @end */

/* @group Typography */
	#con .article {
		font-size: 93%; line-height: 1.8;
	}
	
	/* @group Links */
	/* 
	#con a { text-decoration: none; }
	#con a:link { color: red; border-bottom: 1px dotted red; }
	#con a:hover, #con a:focus { color: green; border-bottom-color: green;}
	#con a:active, #con a:visited { color: blue; border-bottom-color: blue; } /* */
	
	
	#con a { text-decoration: none; }
	#con a:link { color: #0B6CBF; border-bottom: 1px dotted #0B6CBF; }
	#con a:active, #con a:visited { color: #547A9B; border-bottom: 1px dotted #547A9B ;} 
	#con a:hover, #con a:focus { color: #FF4431; border-bottom-color: #FF4431; border-bottom-style: solid; border-bottom-width: 1px; } /* */
	/* @end */
	
	/* @group SPIP Styles */
	h3, h3.spip {
		font-weight: bold;
	}
	h3.spip { float: none; }
	h3.spip, ul.spip, p.spip { margin-top: 1em; }
	ul.spip { margin-left: 0.8em; }
	ul.spip li.spip { list-style: square; }
	blockquote.spip {
		margin: 1em 2em;
		font-size: 95%;
	}
	
	em.spip { font-style: italic;}
	strong.spip { font-weight: bold; }
	/* @end */
/* @end */