body { margin: 0px; padding: 0; text-align: center; background: #ECE0C6 url(../images/fond_cell_body.jpg) repeat-y center top; }

/* dernieres lettres ajoutees */
#fond_bonasavoir a.last{
width:90%;
height:20px;
background: url(../images/separateur_lettres2.gif) left -3px no-repeat ;
display:block;
padding:3px 0 0 20px;
font-family:Geneva, Arial, Helvetica, san-serif;
font-size: 11px;
font-weight: normal;
color: #668523;
text-decoration:none;
}
.gras{
font-family:Geneva, Arial, Helvetica, san-serif;
font-size: 11px;
font-weight: bold;
color: #668523;
}
#fond_bonasavoir a.last:hover{
color: #EE8E17;
}
/* ------------------------------------------------------------------- */


/* ------------------------------------------------------------------- */
/* Début menu_top*/
/* ------------------------------------------------------------------- */
#menu_top{
text-align: left;
	height:55px;
	margin: 0 auto;
	width:802px;
}
#logo{
	position:relative;
	float:left;
	type:block;
	top:5px;
left:70px;
	width: 196px;
	height:52px;
}
#divers{
type:block;
position:relative;
float:left;
top:5px;
left:200px;
font-family:'Trebuchet MS', Verdana, sans-serif;
font-size:11px;
color: #FFFFFF;
}
#divers a{
font-family:Geneva, Arial, Helvetica, san-serif;
font-size:11px;
color: #FFFFFF;
margin-right:10px;
text-decoration:none;
}
C a:hover{
text-decoration:underline;
}
#formulaire{
position:relative;
float:left;
type:block;
top:35px;
left:0px;
}
.form {
padding:0 0 0 5px;
width:170px; margin:0;
height:20px; float:left;
}
#formulaire .valid {
height:22px; _height:20px;
float:left;
}
#menu_top form{ 
FONT-WEIGHT: normal;
COLOR: #668523;
font-family:'Trebuchet MS', Verdana, sans-serif;
}
/* fin menu_top*/
/* ------------------------------------------------------------------- */


/* ------------------------------------------------------------------- */
/* debut menu_gauche*/
/* ------------------------------------------------------------------- */
#menu_gauche{
padding-top:25px;
width: 158px;
text-align:left;
background: url(../images/barre_menu.gif) no-repeat -5px 10px;
}
#pub_google{
text-align:center;
}
#menu_gauche a{
background: url(../images/puce_menu_gauche.gif) no-repeat left 3px;
margin:4px 0 0 8px;
display:block;
padding-left:10px;
font-family:Geneva, Arial, Helvetica, san-serif;
font-size: 11px;
font-weight: bold;
color: #668523;
text-decoration:none;
}
#menu_gauche a:hover{
color: #EE8E17;
}
#menu_gauche ul {
padding-top:10px;
list-style-position: inside;
background-image: url(../images/fond_menugauche.gif);
background-position: right -8;
background-repeat: no-repeat;
}
/* fin menu_gauche*/
/* ------------------------------------------------------------------- */


/* ------------------------------------------------------------------- */
/* debut lettre*/
/* ------------------------------------------------------------------- */
#lettre{
	zoom:1;
	font-size: 11px;
	text-align:justify;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	padding-left:10px;
	margin-right:10px;
	padding-top:25px;
	color:#333333;
}
#lettre ul {
text-align:left;
list-style-position: inside;
list-style-image: url(../images/puce_centre.gif);
padding-top:10px;
padding-left:5px;
}
#lettre li {
line-height:20px;
}
#lettre p{
	font-size: 12px;
	text-align:justify;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	color:#333333;
}
#titre_lettre{
padding-top:10px;
font-family:Geneva, Arial, Helvetica, san-serif;
font-size: 18px;
font-weight: bold;
color: #668523;
}
h1 {
padding-top:10px;
font-family:Geneva, Arial, Helvetica, san-serif;
font-size: 14px;
font-weight: bold;
color: #668523;
margin-bottom:5px;
}
#fond_contexte{
margin-top:10px;
padding-bottom:10px;
margin-left:20px;
margin-bottom:30px;
	width:80%;
	font-family:Geneva, Arial, Helvetica, san-serif;
	font-size: 11px;
	color:#333333;
	background-color:#E3EECB;
}
#contenu_lettre{
font-size: 11px;
width: 450px;
text-align:left;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-bottom-color: #E3EECB;
border-top-color: #E3EECB;
}
#fond_bonasavoir2{
margin-top:30px;
margin-left:100px;
width:450px;
height:163px;
font-family:Geneva, Arial, Helvetica, san-serif;
font-size: 11px;
background-color:#333333;
}
#fond_bonasavoir{
margin-left:5px;
padding-left:10px;
float:left;
width:275px;
height:134px;
background-image: url(../images/bon_a_savoir.gif);
background-position: center top;
background-repeat: no-repeat;
font-family:Geneva, Arial, Helvetica, san-serif;
font-size: 11px;
color:#333333;
}
.titre_boites{
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
font-family:Geneva, Arial, Helvetica, san-serif;
	font-size: 13px;
	font-weight: bold;
	color: #668523;
}
#recommander{
text-align:center;
margin-top:20px;
	padding-top:5px;
	padding-bottom:5px;
font-family:Geneva, Arial, Helvetica, san-serif;
	font-size: 12px;
	font-weight: bold;
	color: #668523;
}
.fond_body{
	background-image: url(../images/fond_body.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	margin: 0px auto;
}
div#nifty{
margin: 50 10px;
background: #E3EECB;
font-family:Geneva, Arial, Helvetica, san-serif;
font-size: 11px;
width:70%;
margin-top:30px;
margin-bottom:20px;
}
div#nifty2{

background: #E3EECB;
font-family:Geneva, Arial, Helvetica, san-serif;
font-size: 11px;
width:430px;
margin:20px 0px 20px 50px;
}
div#nifty3{
float:right;
margin:30px 30px 20px 0;
background: #E3EECB;
font-family:Geneva, Arial, Helvetica, san-serif;
font-size: 11px;
width:85%;
_width:80%;
}
#nifty ul {
text-align:left;
list-style-position: inside;
list-style-image: url(../images/puce_centre.gif);
padding-top:10px;
padding-left:5px;
}
#nifty li {
line-height:20px;
}
.contenu {
padding-left:10px;
font-family:Geneva, Arial, Helvetica, san-serif;
font-size: 12px;
line-height:13px;
color:#333333;
text-align:justify;
}
#contenu {
padding-left:10px;
padding-right:10px;
font-family:Geneva, Arial, Helvetica, san-serif;
font-size: 12px;
line-height:15px;
color:#444;
text-align:justify;
}
#corps_lettre{
width:90%;
clear:both;
text-align:left;
margin-left:10px;
_margin-left:-20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color:#333333;
}
p{
font-size: 11px;
font-family:'Trebuchet MS', Verdana, sans-serif;
padding-left:10px;
color:#333333;
}
b.rtop, b.rbottom{display:block;background: #FFF;}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #E3EECB;}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
#lettre a{
padding-left:4px;
font-family:Geneva, Arial, Helvetica, san-serif;
font-size: 11px;
font-weight: bold;
color: #668523;
text-decoration:none;
}
#lettre a:hover{
color: #EE8E17;
}
#liens{
margin: 15px 0 0 0;
width:70%;
background-image: url(../images/arrowbase.gif);
background-position: left -1;
background-repeat: no-repeat;
padding: 0 0px 10px 20px;
color: #333333;
border-bottom: 1px #A2C753 solid;
}
div#minipics ul{
list-style-image: none;
margin:10 5px;
padding:0;
list-style-type: none;
}
div#minipics li { float:left;width:100px;margin: 5px 5px 5px 0;padding: 5px 0;background:#A2C753; }
div#minipics li img { display: block;width: 90px;height: 80px;margin:0 5px;border:0px; }
#description_lettres { margin-bottom:35px;margin-top:15px;height:80px;width:70%;padding:5px 0 0 10px;color: #333333;font-size:12px;}
p.results { margin-right:20px; line-height:13px; }
#liste_lettres{ width:70%; margin-top:15px; height:30px;background: url(../images/separateur_lettres.gif) no-repeat left top;padding:5px 0 0 20px;
color: #333333; }
/* fin lettre*/
/* ------------------------------------------------------------------- */


/* ------------------------------------------------------------------- */
/* liens bottom lettres */
/* ------------------------------------------------------------------- */

#lettre a.print {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #668523; text-decoration: none; font-weight: normal; 
background: url("http://www.lettres-utiles.com/images/imprimer.gif") no-repeat left center; padding-left:20px;}
#lettre a.print:hover {  color: #EE8E17; text-decoration: underline;}

#lettre a.send {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #668523; text-decoration: none; font-weight: normal;
background:url("http://www.lettres-utiles.com/images/envoyer.gif") no-repeat left center; padding-left:20px;}
#lettre a.send:hover {  color: #EE8E17; text-decoration: underline; }

#lettre a.copie {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #668523; text-decoration: none; font-weight: normal;
background: url("http://www.lettres-utiles.com/images/copier.gif") no-repeat left center; padding-left:20px;}
#lettre a.copie:hover {  font-size: 11px; color: #EE8E17; text-decoration: underline;}

#lettre a.suggerer {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #668523; text-decoration: none; font-weight: normal;
background: url("http://www.lettres-utiles.com/images/suggerer.gif") no-repeat left center; padding-left:20px;}
#lettre a.suggerer:hover {  font-size: 11px; color: #EE8E17; text-decoration: underline;}

/*-------------------------- */
/* nuage de tags en HP */
.nuage { width:318px; height:184px; margin:20px 0 0 50px; background:url("http://www.lettres-utiles.com/images/nuage.gif") no-repeat left top; padding:20px 10px 25px 20px; clear:both; }
.nuage h1 {  width:290px; font-family: Geneva, Arial, Helvetica, san-serif; font-size: 18px; font-weight: bold; color: #888; padding:0; margin:5px 0 5px 0; border-bottom: 1px solid #DDD;}
.nuage a { padding-left:4px; font-family:Geneva, Arial, Helvetica, san-serif; font-size:12px; font-weight: bold; color: #668523; text-decoration:none; margin:0 5px 0 0;}
.nuage a:hover{ color: #EE8E17; }

/*---------------------------------------------*/

/********* PAGINATION ****************/
.pagination { position:relative; color:#333; font-size:12px; margin:20px 0 0 0; padding-left:125px; text-align:left; font-family: Arial, Helvetica, sans-serif;}
.pagination A { width:auto; text-decoration:none; padding:3px; display:inline; margin: 5px 0 5px 5px; 
line-height:22px; color: #FFA579; font-size:14px; font-family: Arial, Helvetica, sans-serif;}
.pagination A:HOVER { text-decoration:underline; }
.pagination SPAN.pageactive A { color:#333; font-weight:bold; font-size:17px; background:#DDD; }


/* ***** FORMULAIRES ***** */
submit{ 
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #668523;
font-family:'Trebuchet MS', Verdana, sans-serif;
BACKGROUND-COLOR: #FFFFFF;
TEXT-DECORATION: none 
}
input{ 
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
COLOR: #668523;
font-family:'Trebuchet MS', Verdana, sans-serif;
BACKGROUND-COLOR: #FFFFFF;
border:1px #A3C754 solid;
height:20px;
}
select{ 
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #668523;
font-family:'Trebuchet MS', Verdana, sans-serif;
BACKGROUND-COLOR: #FFFFFF;
TEXT-DECORATION: none;
border: 1px #668523 solid;
}
textarea{ 
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
COLOR: #668523;
font-family:'Trebuchet MS', Verdana, sans-serif;
BACKGROUND-COLOR: #FFFFFF;
TEXT-DECORATION: none;
border:1px #A3C754 solid;
padding-left:10px;
}


/* --------- FOOTER --------- */

.footer{ background:#A2C753; width:765px; margin:0 auto; _margin:0 auto 0 3px; position:relative; padding: 5px 0 5px 0; 
font-family: Geneva, Arial, Helvetica, san-serif; font-size: 12px; color: #FFFFFF; text-align: center; font-weight: bold;}
.footer a {font-family:Geneva, Arial, Helvetica, san-serif; font-size: 12px; color:#FFF; text-decoration:none; padding: 5px 0 0 0; font-weight: normal;}
.footer a:hover { text-decoration:underline; }

a.sb {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #AAAAAA; text-decoration: none; font-weight: bold;}
a.sb:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #575498; font-weight: bold; text-decoration: none}

.link {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #888888; text-decoration: none; font-weight: bold; 
background:#ECE0C6; padding: 5px; margin: 10px 0 20px 0; text-align: center;}
.link a {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #888888; text-decoration: none; font-weight: bold; }
.link a:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #888888; font-weight: bold; text-decoration: underline}


/*
#bas1{font-family: Geneva, Arial, Helvetica, san-serif; font-size: 11px; color: #FFFFFF; text-align: left;float:left;margin-left:5px;margin-top:3px;}
#bas2{font-family: Geneva, Arial, Helvetica, san-serif; font-size: 11px;color: #DDDDDD; text-align: right;float:right;margin-right:5px;margin-top:3px;}
*/