body { background:url("http://www.lettres-utiles.com/images/fond_body2.jpg") no-repeat center top #ECE0C6; text-align:center; margin:0; padding:0; font-family:'Trebuchet MS', Verdana, sans-serif; }
.body1000 { background:url("http://www.lettres-utiles.com/images/fond_body2.jpg") no-repeat center top #ECE0C6; text-align:center; margin:0; padding:0; font-family:'Trebuchet MS', Verdana, sans-serif; }

H1, H2, H3, H4, H5, H6, H7, FORM { margin:0; padding:0; font-family:Georgia,serif; font-style:italic; font-weight:1000;}
p, li { margin:0; padding:0; font:normal 12px Verdana, Arial, sans-serif; text-align: justify; color: #444;}
H1 IMG, H2 IMG, H3 IMG, H4 IMG, H5 IMG { margin:0; padding:0; position:absolute; top:0; left:0; }
FORM { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; border:0;  }
IMG { border:0; }
HR { zoom:1; height:1px; color:#DDD; line-height:0px; font-size:0; margin:10px 0 10px 0; _margin:0; padding:0; background:#DDD; border:0; }

select { border: 1px solid #99CCFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#0000FF;}
textarea, input { border: 1px solid #CCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; }

/* hack FF pour masquer les contours pointillé sur les liens
-------------------------------------------------------*/
:focus {-moz-outline-style: none; }
A { color:#668523; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; text-decoration:none; position:relative; }
A:HOVER { text-decoration:underline; color: #666; }

p.flecherouge { background:url(images/fleche_rougeDown.gif) no-repeat; padding-left:20px; font-weight:bold; margin:0 0 10px 0; }
A.flecherouge { background:url(images/fleche_rouge.gif) no-repeat; padding-left:20px; font-size:12px; color:#990000; }
A.rouge { font-size:13px; color:#990000; font-weight:normal; }
A.flecherougeDown { background:url(images/fleche_rougeDown.gif) no-repeat; padding-left:20px; color:#990000; }
A.flecheorangeR { background:url(images/fleche_orange.gif) no-repeat right 6px; paddinang-right:20px; }
A.aide { background:url("img/log-aide.png") no-repeat left 0; padding:0 0 20px 35px; }

A.on { color:#F60; }
.attention { color:red; }

H1 { font-size:20px; text-align:left; letter-spacing:1px; color:#F90; margin:0 0 10px 0; }
H2 { font-weight:bold; font-size:16px; color:#FF9900; margin:12px 0 5px 0; }
H3 { font-size:14px; color:#0033FF; margin:15px 0 3px 0; }
H4 { font-size:13px; color:#F60; margin:10px 0 5px 0; }
H5 { font-size:12px; color: #555; font-weight: bold; margin:5px 0 2px 0; }

.centre H1 A { color:#E34619; text-decoration:none; }
.bleuNormal { color:#1E9BBD; text-align:left; }

H2.Tbienvenue { text-align:center; color:#DC3E12; background:none; }
H2.Tabonnez { width:300px; height:28px; background:url("img/titre_abonnez.gif") no-repeat left top; text-indent:-5000px; color:transparent; font-size:0; }
H2.Tselection { width:300px; height:28px; background:url("img/titre_selection.gif") no-repeat left top; text-indent:-5000px; color:transparent; font-size:0; }
H2.Tsites { height:40px; background:url("img/titre_sites.gif") no-repeat center top; text-indent:-5000px; color:transparent; font-size:0; margin:0 0 5px 0; }
H2.Tavis { height:54px; background:url("img/titre_avis.gif") no-repeat center top; text-indent:-5000px; color:transparent; font-size:0; margin:0; }
H2.Tquestions{ height:54px; background:url("img/titre_question.gif") no-repeat center top; text-indent:-5000px; color:transparent; font-size:0; margin:0; }
H2.Tblague { height:36px; background:url("img/titre_blague.gif") no-repeat left top; text-indent:-5000px; color:transparent; font-size:0; margin:0 0 0 55px; }
H2.Tgagne { height:40px; background:url("img/titre_gagne.gif") no-repeat left top; text-indent:-5000px; color:transparent; font-size:0; margin:0 0 0 55px; }
.centre H2.Tconcours { background:#F60; color:#FFF; padding:10px 0 10px 0; text-align:center; margin:0; }
.centre H2.Tdegrade { background:url("img/bck_titreDeg.gif") repeat-x left top; color:#1E9BBD; padding:10px 0 10px 10px; text-align:left; margin:0; }
H3.Torange { font-weight:bold; color:#F60; }

.sepCCC { float:none; border-bottom:1px solid #CCC; font-size:0px; height:0px; line-height:0px; margin:0px; padding:0px; clear:both; }
.sepCCCm20 { float:none; border-bottom:1px solid #CCC; font-size:0px; height:0px; line-height:0px; margin:15px 0 15px 0; padding:0px; clear:both; }

.sep { float:none; font-size:0px; height:0px; line-height:0px; margin:0; padding:0; clear:both; }
.sepCR { font-size:0px; height:0px; line-height:0px; margin:0; padding:0; float:none; }
.sepCL { clear:left; font-size:0px; height:0px; line-height:0px; margin:0; padding:0; float:none; }

.fR { display:block; float:right; }
.fL { display:block; float:left; }
.tAc { text-align:center; margin:0 auto; }

A.last { display:block; background:url("http://www.lettres-utiles.com/images/ico_lettre.gif") no-repeat 2px top; font-size:11px; color:#668523; font-weight: normal;
border-bottom:1px solid #C3E874; line-height:13px; margin:0 15px 12px 5px; padding:0 0 2px 17px;}
A.recommander { width:183px; height:38px; display:block; background:url("http://www.lettres-utiles.com/images/recommander_site.gif") no-repeat; }
A.suggerer { width:170px; height:34px; display:block; background:url("http://www.lettres-utiles.com/images/suggerer_lettre.gif") no-repeat; }
A.print { font-size:12px; color: #668523; font-weight: bold; background: url("http://www.lettres-utiles.com/images/imprimer.gif") no-repeat left center; padding-left:20px; margin-right:20px;}
A.send { font-size:12px; color: #668523; font-weight: bold;background:url("http://www.lettres-utiles.com/images/envoyer.gif") no-repeat left center; padding-left:20px;}
A.copie {  font-size:12px; color:#668523; font-weight: bold; background: url("http://www.lettres-utiles.com/images/copier.gif") no-repeat left center; padding-left:20px;  margin-right:20px;}

.conteneur A.sb {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #AAAAAA; text-decoration: none; font-weight: bold; background:none; margin:15px 0 0 0; }
A.sb:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #575498; font-weight: bold; text-decoration: none}

.conteneur { width:990px; text-align:center; margin:0 auto; padding:0 0 10px 0; position:relative; background:url("images/fond_cell_body2.gif") repeat-y left top; z-index:1; }
.conteneur1000 { width:806px; text-align:center; margin:0 auto; padding:0; position:relative; background:url("images/fond_cell_body2.gif") repeat-y left top; z-index:1; }

.conteneur .centre { width:700px; margin:0 0 0 10px; padding:0 0 10px 0; text-align:justify; float:left; position:relative; z-index:2;  }

.conteneur .colG { width:180px; float:left; margin:0 0 0 30px; _margin:0 0 0 15px; padding:30px 0 0 0; text-align:left; background:url("http://www.lettres-utiles.com/images/barre_menu.gif") no-repeat left 0; position:relative; z-index:2; }

/* HEADER*/
.header { zoom:1; height:140px; text-align:left; position:relative; }
.header .logo { width:196px; height:52px; background:url("http://www.lettres-utiles.com/images/logo_nav.gif") no-repeat left top; cursor:pointer; position:absolute; left:80px; top:10px; text-indent:-5000px; color:transparent; font-size:0; margin:0; }
.header .divers { position:absolute; right:50px; top:10px; }
.header .divers A { font-size:11px;color: #FFFFFF; margin-right:10px; }

.header .rechercher { position:absolute; right:60px; top:40px; }
.header .rechercher .champs { width:172px; height:15px; _height:20px; font-size:11px; background:#FFF; font-weight:bold; color:#666; margin:0 10px 0 0; border:none; padding:3px 0 0 5px; float:left; border:1px solid #FFF;  }
.header .rechercher .champs:HOVER  { border:1px solid #F60; cursor:pointer; }
.header .rechercher .OK { width:30px; text-align:center; font-size:12px; font-weight:bold; color:#333; background:#FFF; float:left; border:0; padding:2px 0 2px 0; cursor:pointer;}
.header .rechercher .OK:hover { color:#FFF; background:#FF9933;}

/* COL GAUCHE*/
.menu_gauche { padding-top:25px; width:175px; text-align:left; background: url(../images/barre_menu.gif) no-repeat -5px 0; }

.colG UL { margin:0; padding:0; list-style-type:none; }
.colG UL LI { margin:0; padding:0; list-style-type:none; display:block; background:url("http://www.lettres-utiles.com/images/puce_menu_gauche.gif") no-repeat left 5px; margin:0 0 7px 0; padding:0 0 0 15px; }

.colG A { font-family:Geneva, Arial, Helvetica, san-serif; font-size:13px; font-weight:bold; color:#668523;text-decoration:none; }

.colG A:HOVER { color: #EE8E17; }

.colG .boite_services { width:153px; background:url("http://www.lettres-utiles.com/images/bck_services.gif") no-repeat left 0; margin:15px 0 7px 5px; padding:40px 0 15px 10px; font-family:Geneva, Arial, Helvetica, san-serif; font-size:12px; font-weight:bold; color:#668523;text-decoration:none; }
.colG .boite_services A { display:block; background:none; padding:0 5px 5px 0; margin:0 0 3px 0; font-size:12px; }

.pub_google { margin:20px 0 10px 0; text-align: left;}

/* CENTRE*/

.introHP { width:620px; padding:0 0 20px 0; }
.introHP H2 { width:289px; height:63px; background:url("http://www.lettres-utiles.com/images/titre_home.gif") no-repeat top left; padding:0; margin:0 0 10px 0; text-indent:-5000px; font-size:0; }
.introHP H3 { font-size:13px; color:#F60; margin:10px 0 5px 0; }
.introHP IMG { float:right; margin:0 0 0 10px; }
.introHP p { line-height:18px; }


ul.special { font-size:11px; text-align:left; list-style-type:none; padding:0; margin:10px 10px 0 10px; }
ul.special li { font-size:11px; line-height:17px; margin-bottom:15px; background:url("../images/puce_centre.gif") no-repeat left 5px; padding:0 0 0 15px; }
ul.liens { font-size:11px; text-align:left; list-style-type:none; padding:0; margin:0 10px 0 10px; }
ul.liens li { font-size:11px; line-height:17px; margin-bottom:15px; background:url(../images/arrowbase.gif) no-repeat left top; padding:0 0 5px 30px; border-bottom: 1px #A2C753 solid; }

div#minipics ul { list-style-image: none; margin:10px 5px; padding:0; list-style-type: none; }
div#minipics li { width:100px; float:left;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{ width:75%; height:80px; color:#333; font-size:13px; margin-bottom:35px; margin-top:15px; padding:5px 0 0 10px;}

h2.liste_lettres { height:30px; zoom:1; margin-top:15px;  background: url(../images/separateur_lettres.gif) no-repeat left top; padding:5px 0 0 20px; color: #333333; font-style:normal; }
h2.liste_lettres A { font-size:14px; padding-left:4px; text-decoration:none; }

/*** lettre ***/
.centre .ariane {margin: 0 0 10px 0;}
.centre .ariane a { color:#668523; font-weight:normal; font-size:11px; text-decoration:none; font-weight:bold; }
.centre .ariane a:hover {text-decoration:underline;}
.centre .lettre {border: 2px solid #e3eecb; padding: 10px; margin: 10px 40px 10px 20px; }
.centre .lettre p { font-family:Georgia,serif;	font-size:13px;	text-align:justify;	color:#333; line-height:18px; margin:0 0 10px 0; padding: 5px 20px 0 20px;}
.centre .lettre h3 { margin:0 0 0 10px; font-family:Georgia,serif; font-weight: normal; color: #333;}
.centre .lettre h4 { margin:0 0 15px 400px; font-family:Georgia,serif; font-weight: normal; color: #333; }
.centre .lettre h5 { font-size:13px; text-align:justify; color:#555; margin:20px 0 10px 350px; font-style: italic; font-weight: normal; }
.centre .box_contexte, .centre .box_savoir_HP {background: #E3EECB; margin:20px 0px 20px 50px; padding: 5px 0 0 3px; width: 550px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.centre .box_contexte p, .centre .box_savoir p, .centre .box_savoir_HP p {font-family:Geneva, Arial, Helvetica, san-serif; font-size: 12px; line-height:15px; color:#444; text-align:justify; padding: 5px 10px 10px 10px;}
.centre .box_savoir {background: #E3EECB; margin:20px 0px 20px 30px; padding: 5px 0 0 3px; width: 400px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.centre .outils {width: 400px; text-align: center; margin: 0 0 0 30px; padding: 8px; border: 1px dashed #CCC;}
.autres { border-left:2px solid #E8C8A0; margin:5px; padding:5px; overflow:hidden;}
.autres h3 {margin:0 0 10px 0; padding:0; font-family:Georgia,serif; font-style:italic; font-weight:bold; color: #666; font-size: 15px;}
.autres a { display:block; margin:0 0 0 0; padding-:0; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#668523;text-decoration:none;  }
.autres A:HOVER { color: #EE8E17; }
.autres ul {margin:0 0 0 15px; padding:0; }
.autres li { width:320px;color: #E8C8A0; margin:0 0 3px 0; padding: 0; float: left; }

.centre .bonasavoir { width:275px; height:184px; margin: 0 5px 0 20px; padding:50px 0 0 5px; background:url("http://www.lettres-utiles.com/images/bon_a_savoir.gif") no-repeat center top; }
.centre .bonasavoir A { font-size:13px; }

/*** impression du modèle de lettre ***/
.impression {padding: 20px;}
.impression h1 {font-family: Georgia,serif; font-style: italic; font-size: 20px; color: #555;}
.impression h2 {font-family:Geneva, Arial, Helvetica, san-serif; font-size: 12px; line-height:15px; color:#444; text-align:justify; font-style: italic; font-weight: normal;}
.impression p { font-family:Georgia,serif;	font-size:13px;	text-align:justify;	color:#333; line-height:18px; margin:0 0 10px 0; padding: 5px 20px 0 20px;}
.impression h4 { margin:0 0 15px 400px; font-family:Georgia,serif; font-weight: normal; color: #333; }
.impression h5 { font-size:13px; text-align:justify; color:#555; margin:20px 0 30px 350px; font-style: italic; font-weight: normal; }
.btn {background: #668523; padding: 5px 10px 5px 10px; margin: 0 5px 10px 0; width: 100px; color: #FFF;}
.btn:hover {color: #FFF; background: #FF9900; text-decoration: none;}

/* nuage de tags en HP */
.nuage { width:318px; height:225px; overflow:hidden; margin:0 0 0 20px; padding:30px 10px 0 20px;  background:url("http://www.lettres-utiles.com/images/nuage.gif") no-repeat left top; float:left; }
.nuage H1 {  font-size:13px; width:290px; font-weight: bold; color:#888; padding:0; margin:0; border-bottom: 1px solid #DDD;}
.nuage DIV A { padding:0; font-family:Geneva, Arial, Helvetica, san-serif; font-weight: bold; color:#668523; text-decoration:none; margin:0; text-align:left; line-height:8px; }
.nuage a:hover{ color:#EE8E17; }

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

/* ----------- FORMULAIRES ----------- */

#formulaire { padding:10px; }
.form {padding:0 0 0 5px;width:170px; margin:0;height:20px; float:left;}
#formulaire .valid {height:22px; _height:20px;float:left;}
.centre #formulaire input.btnOK { font-weight:normal; font-size:11px; color:#FFF; background:#A3C754; cursor:pointer; padding: 3px; font-weight:bold; }
.centre #formulaire input.btnOK:hover, .btnOK:hover { color:#FFF; background:#ff9900; }
#formulaire input {  font-weight:normal; font-size:11px; color:#668523; background:#FFF; border:1px #A3C754 solid; padding:3px 0 3px 3px; margin:0 0 10px 0; }
#formulaire .champs { width:200px; float:left;  }
#formulaire select { font-weight:normal; font-size:11px; color:668523; border:1px #A3C754 solid; margin:5px 0 20px 0; }
#formulaire textarea { width:340px; padding-left:10px; }
#formulaire p { width:140px; display:block; float:left; text-align:left; }
#formulaire table { margin:0 0 10px 0; }

.box {background: #E3EECB; width: 500px; margin: 10px 0 0 0; padding: 5px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}


/*-------- PUB ---------*/
.banniere { text-align: center; margin: 10px;}
.carre200 { width:220px; height:211px; margin-right:50px; background:url("http://www.lettres-utiles.com/images/postit.jpg") no-repeat left top; padding:10px 0 0 20px; }

/* FOOTER*/
.footer { width:938px; background:#A2C753; margin:0 auto; padding:5px 0 5px 0; font-size: 12px; color:#FFFFFF; text-align:center; font-weight:bold;}
.footer A { 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 {  width:942px; margin:0 auto; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #888888; text-decoration: none; font-weight: bold; background:#ECE0C6; padding:5px 0 5px 0; }
.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}