body {
	margin: 0; padding: 0;
	background:#d9e7ba;
}

#tete, #chemin, #corps, #pied, #copyright { clear: both; }
#site {
	margin:0pt auto;
	width:937px;
	padding:0 18px 20px;
	background:#fff url(../images/bg_site.gif) repeat-y;
}

/* Liens d'évitement */
ul#skip { text-align: right; margin: 0; display: none; }
ul#skip li { display: inline; list-style: none; padding: 0 0.2em; }

/*
 * Tete
*/
#tete {float:left; width:100%;  background: url(../images/bg_bandeau.jpg) no-repeat right 25px; }
#tete ul, #tete li { margin: 0; padding: 0; list-style: none; }
#bandeau { float: left; width: 100%; padding-bottom:57px; background:url(../images/anim_bandeau.gif) no-repeat right bottom; }
#logo { margin: 0; }

/* bloc connexion */

#espace-membre { float:left; width:922px; padding:5px 0 5px 15px; background:#92c325 url(../images/bg_connexion.gif) no-repeat; color:#09460f;}

.date, .login { height:35px;}
#espace-membre .date { float: left; width:30%; padding: 0; color:#fff; }
#espace-membre .login { float:right; width:50%;}
#espace-membre form {float:right; width:200px; margin:0; padding:0;} 
#espace-membre label {font-size:11px;}

#espace-membre .row input { width:55%; margin-left:1em; padding:0;}
#espace-membre .row { float:left; width:80%; margin:0px 0 0px 5px; min-height:0.8em; padding:0;}
#espace-membre .submit input { width:auto; border:0; margin:0;}
#espace-membre #renvoi { clear:none; width:20px; }

#espace-membre h2 { clear:none; margin:0; padding:0; font-size:1.2em;}
.date h2 { color:#000; font-weight:bold;}
.login h2 a { clear:none; float:right; width:80px; height:25px; margin-top:5px; text-transform:uppercase; color:#fff; display:block; width:65px; border-right:1px solid #fff; background:url(../images/bt_member_access.gif) no-repeat left center; text-indent:-99999px;}
.login h2 a:hover { color:#000;}

.login ul, .login ul li { margin:0; padding:0; list-style:none;}
.login ul { float:right; width:200px; border-left:1px solid #fff;}
.login ul li { padding-left:20px; background:url(../images/puce_profil.gif) no-repeat left center;}
.login ul li a { color:#06310a; font-size:1.1em;}
.login ul li a:hover { color:#fff;}

/*
 * Partie principale (contenu)
*/

#chemin {  }
#chemin span {
	color:#42423A;
	font-size:0.8em;
}
#corps {
	float:left;
	width:100%;
	min-height:350px;
	padding-bottom:20px;
	background: url(../images/bg_corps.gif) repeat-y right top;
	line-height:1.6em;
}

#contenu, #sidebar, #sidebar2 { float:left;}

#contenu { 
	width:522px; 
	min-height:350px;
	padding: 15px;
}

#sidebar {
	width: 170px;
	padding: 20px 15px 210px 0;
	background:url(../images/bg_sidebar.jpg) no-repeat left bottom;
}

#sidebar2 {
	float:right;
	width: 170px;
	background:#FFCC99;
	padding:20px 15px 210px;
	background:url(../images/bg_sidebar2.jpg) no-repeat center bottom;
}

/***** styles des blocs *****/

/* Newsletter */
#newsletter { float:left; width:150px; margin:25px 0 0; padding:5px 10px 10px; background:#e4502a;}
#newsletter h2 { margin:0 0 5px; font-size:1.2em; padding:0; font-weight:bold;}
#newsletter h2 a, #actualites h2 a { color:#fff; text-transform:uppercase;}
#newsletter .row input { width:100%; margin-left:0em; padding:0; font-size:11px;}
#newsletter .submit input { width:auto; border:0; margin:0 0 0 8px;}
#newsletter #renvoi { clear:none; width:20px; }
#newsletter .row { float:left; width:80%; margin:0; min-height:0.8em; padding:0;}
#newsletter form.valid .row .missing { background:#fcfdfb url(../images/bg_input.gif) repeat-x;}

/* Actualites */

#actualites { margin-top:25px; padding-bottom:10px; line-height:1.4em; background:url(../images/bg_actualites.gif) no-repeat left bottom;}
#actualites h2 { margin:0; padding:10px 0 4px; font-size:1.2em; background:url(../images/bg_h2_news.gif); text-align:center;}
#actualites p { padding:5px 0; margin:0 10px; color:#000; background:url(../images/point_point.gif) repeat-x left bottom;}
#actualites a { color:#e4502a; font-weight:bold;}
.vert, #actualites .vert a { color:#436c02;}
.vert strong { color: #E4502A; font-weight: normal; }
#actualites a:hover, #actualites .vert a:hover, #newsletter h2 a:hover { color:#000;}

/*
 * Bas de page
*/
#pied {
	clear: both;
	text-align: center;
	margin: 0;
	padding: 1.2em 15px;
	line-height:normal;
	background:#e4502a url(../images/bg_pied.gif) no-repeat left bottom;
}
#pied p {
	margin: 0;
	padding: 0;
}
#pied, #pied a { color: #fff; }
#pied a:hover { color:#000; }

#pied address {
	font-style: normal;
	text-align: center;
}

#copyright { width:970px; margin:0 auto; padding:1em 0; text-align: center; font-size:90%; background:url(../images/bg_copyright.gif) repeat-x; color:#6f765f; }