* {
outline:none;
border:0;
margin:0;
padding:0;
list-style:none;
font-size:100%; }

body {
background:#ddfe9A url(img/body_fond.jpg) repeat-x top;
text-align:justify;
font:100%/1.5 Arial, "Times New Roman", sans-serif; }

/***** Contenu Nico ******/

ul.liste_presentation_texte {
margin-bottom:10px;
margin-top:10px; }

ul.liste_presentation_texte li {
list-style:disc;
margin-left:15px;
margin-bottom:5px; }

h3 { 
font-size:120%;
font-style:bold;
margin-top:5px;
margin-bottom:10px; }

/***** Typo *****/

h4 {
position:absolute;
top:-9999px; }

h1 {
width:247px;
height:163px;
background:transparent url(img/logo_2.png) no-repeat;
position:absolute;
bottom:20px;
left:36px; }

h1 a {
display:block;
width:100%;
height:100%;
text-indent:-9999px;
outline:none; }

div#contenu_bas p {
margin-bottom:10px; }

/* Formulaire de  contact */

form#fcontact {
padding-top:10px;
padding-left:10px; }

form#fcontact input, form#fcontact textarea, form#fcontact span {
padding:2px;
margin-left:20px; }

form#fcontact p {
overflow:hidden; }

form#fcontact label.left {
float:left;
width:90px; }

form#fcontact input.txt, form#fcontact textarea {
border:1px solid #5b8d6b; }

form#fcontact textarea {
font-family:Arial, sans-serif; }

form#fcontact input.sub {
width:80px;
font-size:80%;
border:1px solid #666; }

/* Affichage d'une réalisation */

p.img_realisation {
text-align:center; }

p.img_realisation img {
border:3px solid #5b8d6b;
height:270px; }

p#texte {
padding-top:30px; }

div#nav_realisations {
width:601px;
overflow:hidden;
height:20px;
line-height:20px;
font-size:95%;
position:absolute;
top:5px;
left:20px; }

div#nav_realisations span {
display:block;
width:200px;
height:20px;
line-height:20px; }

div#nav_realisations span.left {
text-align:left;
float:left; }

div#nav_realisations span.right {
text-align:right;
float:right; }

div#nav_realisations span a {
text-decoration:none;
color:#447d57; }

div#nav_realisations span a:hover {
color:#73a584; }

div#nav_realisations span.left a {
padding-left:15px;
background:transparent url(img/nav_rea_prec_off.gif) no-repeat left center; }

div#nav_realisations span.right a {
padding-right:15px;
background:transparent url(img/nav_rea_suiv_off.gif) no-repeat right center; }

div#nav_realisations span.left a:hover {
background-image:url(img/nav_rea_prec_on.gif); }

div#nav_realisations span.right a:hover {
background-image:url(img/nav_rea_suiv_on.gif); }

/* Liste compétences */

ul#liste_competences {
overflow:hidden; }

ul#liste_competences li {
background:transparent no-repeat center 80px;
position:relative;
float:left;
width:130px;
height:143px;
margin:0 15px; }

ul#liste_competences li a {
text-indent:-9999px;
display:block;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:3; }

ul#liste_competences li div.cadre {
width:110px;
height:74px;
position:absolute;
top:0;
left:10px;
z-index:2;
background:transparent url(img/cadre.png) no-repeat; }

ul#liste_competences li img {
width:100px;
height:62px;
margin:0 auto;
position:absolute;
top:5px;
left:13px;
z-index:1; }

ul#liste_competences li.conception {
background-image:url(img/v_conception.png); }

ul#liste_competences li.realisation {
background-image:url(img/v_realisation.png); }

ul#liste_competences li.pierres {
background-image:url(img/v_pierres.png); }

ul#liste_competences li.maconnerie {
background-image:url(img/v_maconnerie.png); }

ul#liste_competences li.arrosage {
background-image:url(img/v_arrosage.png); }

ul#liste_competences li.bois {
background-image:url(img/v_bois.png); }

ul#liste_competences li.dallages {
background-image:url(img/v_dallages.png); }

ul#liste_competences li.terrassement {
background-image:url(img/v_terrassement.png); }

/***** Layout *****/

div#global {
width:958px;
margin:0 auto; }

div#background {
position:relative;
width:100%;
height:580px;
margin-top:10px;
background:transparent url(img/conteneur_fond.png) no-repeat; }

div#contact {
position:absolute;
bottom:175px;
left:45px;
text-indent:-9999px;
width:210px;
height:80px;
background:transparent url(img/tel_2.png) no-repeat; }

div#titre {
text-indent:-9999px;
position:absolute;
top:29px;
right:14px;
width:432px;
height:56px; }

.h2_accueil {
background:transparent url(img/h2_accueil.png) no-repeat; }

.h2_qui {
background:transparent url(img/h2_qui.png) no-repeat; }

.h2_contact {
background:transparent url(img/h2_contact.png) no-repeat; }

.h2_realisations {
background:transparent url(img/h2_realisations.png) no-repeat; }

div#menu {
width:255px;
position:absolute;
top:60px;
left:20px; }

div#contenu {
width:641px;
height:473px;
position:absolute;
top:92px;
right:20px; }

div#contenu_haut {
width:100%;
height:330px; }

div#contenu_bas {
font-size:80%;
line-height:1.3;
color:#4D6910;
width:641px;
height:185px;
position:absolute;
left:0;
bottom:0;
background:transparent url(img/texte_fond.png) no-repeat; }

div#presentation_texte {
position:relative;
overflow:auto;
width:601px;
margin-top:4px;
height:177px;
padding-top:5px;
padding-left:20px;
padding-right:16px; }

/***** #menu *****/

div#menu ul li a {
outline:none;
display:block;
height:100%;
text-indent:-9999px;
background:transparent url(img/puce_menu_2.png) no-repeat left 7px; }

div#menu ul li a:hover {
background-image:url(img/puce_menu_hover_2.png); }

div#menu ul li {
position:relative;
width:100%;
height:67px; }

div#menu ul li img {
width:231px;
height:34px;
position:absolute;
right:0;
bottom:0; }

div#menu ul li.accueil {
background:transparent url(img/menu_accueil_2.png) no-repeat 25px -7px; }

div#menu ul li.qui {
background:transparent url(img/menu_qui_2.png) no-repeat 25px -7px; }

div#menu ul li.realisations {
background:transparent url(img/menu_realisations_2.png) no-repeat 25px -7px; }

div#menu ul li.contact {
background:transparent url(img/menu_contact_2.png) no-repeat 25px -7px; }

/***** #nav_sub *****/

div#nav_sub {
text-align:center;
font-size:80%; }

div#nav_sub ul li {
color:#89A758;
display:inline;
margin-right:2px; }

div#nav_sub ul li a {
padding-right:2px;
color:#89A758;
text-decoration:none; }

div#nav_sub ul li a:hover {
color:#69863a; }