* {
	margin: 0;
	padding: 0;
}

/*<group=hacks>*/

.clearfix { display: inline-table;}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */

.spacer {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0;
	border: none;
}
/*</group>*/

body {
	color: #444;
	background: #e3f1d0 url(../images/bodybg.gif) repeat-x 0 56px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

hr {
	display: none;
}

ul {
	position: relative;
	list-style: none;
}


a {
	color: #447e30;
	text-decoration: none;
	border-bottom: 1px #61569c dotted;
}

a:hover {
	color: #aac761;
	border-bottom: 1px #aac761 solid;
}

p {
	margin: .8em 0;
	line-height: 1.2em;
}

#container, #footer {
	width: 760px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	border: 1px #cac6de solid;
}

#container {
	padding-bottom: 2em;
	border-width: 0 1px;
	background: #fff;
}

#content {
	position: relative;
	margin: 0 8px;
}

#header #logo {
	float: left;
	height: 55px;
}

#header h1 a, #header h2 a {
	padding-left: 5px;
	border: none;
}

#header h1 {
	font-size: 22px;
}

#header h2 {
	font-size: 16px;
}

#header #menu {
	margin-top: 32px;
	float: right;
}

#menu li {
	display: inline;
	padding: 0 10px;
}

#menu li a {
	font-weight: bold;
}

#leftcol {
	float: left;
	width: 150px;
}

#maincol {
	float: right;
	width: 580px;
}

#maincol li {
	display: block;
	width: 80px;
	height: 25px;
	position: relative;
	margin: 3px 2px;
	float: left;
	text-align: center;
}

#maincol li a{
	border: none;
}

#maincol li a:hover{
	text-decoration: underline;
}

#maincol ul{
	position: relative;
}

#leftcol .list ul, #mainrightcol .list ul {
	padding-top: 10px;
}

#leftcol .list ul li, #mainrightcol .list ul li {
	text-transform: capitalize;
}

#leftcol ul span{
	display: block;
	margin: 5px 0;
}

#mainrightcol {
	right: 0;
}

#footer {
	padding: .5em;
	text-align: center;
	border-width: 1px 0 0;
}

h1, h2, h3, h4 {
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #447e30;
}

h3 {
	font-size: 18px;
	color: #888;
	margin: 15px 0;
}

h4 {
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #b00;
	margin: 10px;
}

#header #logo {
	float: left;
	height: 55px;
}

#header #menu {
	float: right;
}

#header img.band {
	display: block;
	clear: both;
	border: 1px #61569c solid;
	border-width: 1px 0;
}

div.intro {
	margin: 1em 8px 2em;
}

p.lettre{
	border-bottom: 1px solid #ccc;
	margin-left: 15px;
}

ul.monde{
	margin-left: 20px;
}

ul.france{
	margin-left: 20px;
}

#leftcol .linklist li {
	margin: .7em 0;
	padding: .3em 0 0 .5em;
	font-size: 1.2em;
	border-bottom: 1px solid #ccc;
}

#leftcol .linklist li a {
	border: none;
}

#maincol .themes {
	position: relative;
	float: left;
	width: 160px;
	height: 125px;
	margin: 1em;
	border: 1px solid #ccc;
}

#maincol .themes.over {
	height: 250px;
	overflow: auto;
}

.over li a {
	display: block;
}

#maincol .themes.over li a:hover {
	text-decoration: none;
	background: #e3f1d0;
}

#maincol .themes h4 {
	margin: 0 0 .3em;
	padding: .3em .6em;
	background: #eee;
}

#maincol .themes h4, #maincol .themes h4 a {
	color: #b00;
	border: none;
}

#maincol .themes h4 a:hover {
	color: #447e30;
}

#maincol .themes ul {
	margin-left: 1.1em;
}

#maincol .themes li {
	float: none;
	width: auto;
	height: auto;
	text-align: left;
}

#maincol .themes li a {
	color: #555;
}

#maincol .themes a.more {
	display: block;
	margin: 1em .3em .3em;
	text-align: right;
	border: none;
	text-decoration: underline;
}

#maincol .themes a.more:hover {
	color: #aac761;
}

#maincol .texts h4 {
	margin: 1.5em 0 1em;
}

#maincol .texts p {
	margin: 1em 0;
	line-height: 1.3em;
}

#maincol .texts ul{
	position: relative;
}

#maincol .texts li{
	position: relative;
	float: none;
	text-align: left;
	list-style-type: disc;
	width: auto;
	height: auto;
}


#maincol ul.conseil li {
	float: none;
	display: inline;
	padding-right: 1em;
}

#maincol ul.conseil li.current {
	font-weight: bold;
}

h3.conseil {
	font-size: 14px;
}

body#redirect {
	background-image: none;
}

#redirect #container {
	margin-top: 200px;
	padding: 10px;
	border-width: 1px;
}

#redirect #logo {
	float: none;
}

#redirect #content {
	margin: 20px;
}