body { padding-top:20px; margin:0; background:url(../images/bg.jpg) repeat-x #1b3a28; }

a img { border:0; }

/* ###########################################################################################################################
                B L O C   G E N E R A L 
########################################################################################################################### */

#main { width:760px; margin:0 auto; position:relative; }

#fond-site-1 { width:730px;/*760*/ background-image:url(../images/top_fond_1.jpg); background-repeat:no-repeat; background-color:#405f4d; padding:15px 15px 0 15px; position:relative; z-index:2; /* position + z-index pour prendre le focus sur les feuilles g et d */ }

#fond-site-2 { width:716px;/*730*/ background:url(../images/top_fond_2.jpg) no-repeat #32513f; padding:10px 7px; }

#site { width:716px; }

#menu { width:716px; height:38px; }

#contenu-site { width:700px; /*716*/ background:url(../images/top_contenu_site.jpg) no-repeat #ffffff; padding:8px; }

#footer { height:45px; /*60*/ font:normal 11px Verdana; color:#cccccc; padding:15px 2px 0 0; }
#footer a { color:#cccccc; text-decoration:underline; }

.floatLeft { float:left; }
.floatRight { float:right; }
.noMP { margin:0; padding:0; }

#feuilles-g { position:absolute; bottom:-68px; left:-130px; /*-130 -115(1024)*/ z-index:1; }
#feuilles-d { position:absolute; top:0; right:-135px; /*-135 -115 (1024)*/ z-index:1; }

/* ###########################################################################################################################
                B L O C   M E N U 
########################################################################################################################### */

#menu ul { height:38px; }
#menu ul li, #menu ul li.actif { float:left; list-style:none; font:normal 11px  Verdana; margin:0 10px; }
#menu ul li.actif  { background:url(../images/bg_item_menu.jpg) no-repeat bottom center #ffffff; }
#menu ul a img { border:0; margin:15px 10px 0 15px; } 
#menu ul li a, #menu ul li a.on { color:#FFFFFF; text-decoration:none; float:left; padding-top:15px; }
#menu ul li a.on { color:#694338; }
#menu ul li a:hover { text-decoration:underline; }
#menu ul li a.on:hover { text-decoration:none; }

/* ######################################################################################################################### */

#newsletter { height:25px; /*40*/ float:right; padding:15px 0 0 0;  width:380px;}
#intro { clear:both; width:680px; }
#intro h1, #contact_form h1 { background:url(../images/bg_h1.jpg) repeat-x bottom; }
#conteneur_texte, #conteneur_texte2, #conteneur_texte3 { float:left; width:310px; /*margin:0 0 0 30px;*/ padding:0 0 0 30px; font:normal 12px arial; text-align:justify; }
dt img { border:1px solid #cccccc; }

#conteneur_texte2 { /*margin:0 0 0 25px;*/ padding:0 0 0 25px; }
#conteneur_texte3 { /*margin:20px 0 0 30px;*/ padding:20px 0 0 30px; width:650px; }

#cadre_photo { float:left; border:1px solid #cccccc; padding:1px; margin:0 5px 0 0; }
#intro #conteneur_texte h1, #intro #conteneur_texte2 h1, #intro #conteneur_texte3 h1, #titre { color:#663333; font:bold 12px arial; margin:0; padding:0; background:none; }

#intro #conteneur_texte a, #intro #conteneur_texte2 a, #intro #conteneur_texte3 a { color:#000000; text-decoration:none; background:url(../images/bg_h1.jpg) repeat-x bottom; }
#intro #conteneur_texte a:hover, #intro #conteneur_texte2 a:hover, #intro #conteneur_texte3 a:hover { color:#2a8719; text-decoration:none; }

/* ######################################################################################################################### */

#actualite { width:375px; float:left; /*margin:0 0 0 30px;*/ padding:0 0 0 30px; font:normal 12px arial; }
#actualite a { font:bold 12px arial; color:#000000; text-decoration:none; }
#contenu_actu { float:left; width:240px; text-align:justify; font:normal 12px arial;}

#contact { width:260px; float:left; /*margin:0 0 0 20px;*/ padding:0 0 0 20px; font:normal 12px arial; }
#actualite h1, #contact h1 { background:url(../images/bg_h1.jpg) repeat-x bottom; margin:0 0 10px 0; padding:0; }

#demandeDeDevis { font:normal 12px arial; color:#4c2425; margin:0 0 0 27px; width:390px; float:left; }
#demandeDeDevis a { color:#2a8719; }

/* # SUPP ######################################################################################################### */

dt.spip_doc_titre { font-size:12px; }
dd.spip_doc_descriptif { font-size:10px; }