body {
	margin:1em 0;
	padding:0;
	color:#000;
	font:85% tehoma, hevetica, sans-serif;
	min-width:56em;
}
#header, #main, #menu, #menu2, #footer {
	margin:0 auto;
	width:56em;
	border:1px solid #286ea0;
}
#header, #main, #menu, #menu2 {
	border-bottom:none;
}
a:link {
	color:#286ea0;
}
a:visited {
	color:black;
}
a:hover {
	color:black;
	color:#286ea0;
}
a:active {
	color:#286ea0;
}

#header, #footer {
	background:#286ea0;
}

#menu  {
	background:#50B201;
}
#menu2 {
	background:#286ea0;
}

#header h1 a:hover, #menu #lien a:hover {
	color:#fff;
}

#header h2, #footer {
	color:white;
}

#header {
	height:4em;
	background:#286ea0;
}
#header h1 {
	float:left;
	margin:.3em .3em;
	font:bold 2em "Trebuchet MS", verdana, arial, sans-serif;
	color:#fff;
}
#header h1 a {
	text-decoration:none;
	color:#fff;
}
#header h1 a:hover {
	background:none;
}

#header h2 {
	float:right;
	font:bold 1em tahoma, arial, sans-serif;
	margin-top:1.8em;
	margin-right:1em;
}

#menu, #menu2 {
	padding:.3em .5em;
	width:55em;
	height:1.3em;
	border-top:1px dotted blue;
}
#menu {
	color:white;
}
#menu #lien {
	float:left;
	margin-right:1em;
}
#menu #lien a, #menu2 div a {
	font-weight:bold;
	text-decoration:none;
}
#menu #lien a {
	color:white;
}
#menu #lien a:hover, #menu2 div a:hover {
	background:none;
}

#menu2 {
	clear:left;
}
#menu2 p, #menu2 div {
	color:#5a5a5a;
	font-size:90%;
}
#menu2 form {
	float:left;
}
#menu2 div {
	float:right;
}

#main {
	text-align:justify;
	background:white;
	padding:1em 2em;
	width:52em;
}
#main h1 {
	margin-bottom:.5em;
	padding:.2em 0;
	font:bold 2em tehoma, arial, sans-serif;
	text-align:left;
}
#main h2 {
	margin-bottom:.3em;
	font:bold 1.7em tehoma, arial, sans-serif;
	color:#286ea0;
}
#main h3, .post h3 {
	margin-top:1em;
	font:bold 1.5em tehoma, arial, sans-serif;
	color:#323232;
}
#main p {
	padding:.2em 0;
}
#main ul, #main ol, .post-content ul, .post-content ol {
	margin:0 0 1em 2em;
}
#main a {
	color:#286ea0;
	text-decoration:none;
}

#footer p {
	padding:.5em;
	text-align:center;
}
#footer p a {
	text-decoration:none;
}
#footer p a:hover {
	background:none;
}

.post {
	padding:.2em 0;
}
.post h2 {
	text-align:left;
}
.post h2 a {
	font-size:1.5em;
	text-decoration:none;
}
.post p {
	margin-bottom:.5em;
}

.post-content {
	margin-bottom:1em;
}

.post-info {
	font-style:italic;
	font-size:0.9em;
}
*{
	margin:0;
	padding:0;
}

.gauche{
float:left;
margin-right: 5px;
}

.droite{
float:right;
margin-left: 5px;
}

.texteRouge{
color: #ff0000;
}

.center {
text-align: center;
}
.souligne {
text-decoration: underline;
}