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

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

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

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

h2 {
background-color:#3F3F3F;
color:#ccc;
font:120% "Arial Narrow", Arial, sans-serif;
font-weight:bold;
letter-spacing:1px;
padding-bottom:7px;
padding-left:20px; }

h3 {
font-size:120%;
border-bottom:1px solid #333;
margin-bottom:10px; }

h3.gallerie {
font-size:140%;
border-bottom:0;
text-align:center; }

h3 a {
text-decoration:none; }

a {
color:#333; }

a:hover {
color:#666;
text-decoration:none; }

div#coordonnees .retour_ch {
margin-bottom:5px; }

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

/* Galerie photo */

ul#gallerie {
overflow:hidden; }

ul#gallerie li {
margin:0 13px;
margin-bottom:10px;
float:left; }

ul#gallerie li img {
width:160px;
height:120px;
padding:5px;
border:1px solid #666; }

ul#gallerie li img:hover {
border:1px solid #ccc; }

/* Liste réalistions */

ul#realisations li {
padding-bottom:10px; }

ul#realisations li p a {
outline:none;
display:block;
text-align:right;
font-size:70%; }

/* Mise en page contenu */

div.accueil {
width:410px; }

div.urbain {
width:100%;
padding-bottom:10px; }

div.urbain img {
width:170px;
height:120px; }

div.texte {
text-align:left;
margin:0 auto;
overflow:auto; }

div.texte img {
margin-bottom:10px;
border:1px solid #666;
padding:5px; }

div.droite {
float:right; }

div.gauche {
float:left; }

div.droite img {
margin-left:10px;
float:right; }

div.gauche img {
margin-right:10px;
float:left; }

/* Formulaire */

form input, form textarea {
padding:2px;
border:1px solid #666;
margin-top:5px;
margin-left:5px; }

form#espace_pro {
width:300px;
margin:0 auto; }

form#espace_pro label {
float:left;
width:120px; }

form#espace_pro input {
margin-left:20px; }

p.sub {
text-align:left;
margin-top:10px; }

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

div#global {
padding-bottom:30px;
width:886px;
margin:0 auto; }

div#entete {
width:100%;
height:198px;
position:relative;
background:transparent url(img/banniere.png) no-repeat right; }

div#logo_flash {
width:224px;
height:198px;
position:absolute;
top:0;
left:0;
/*background:transparent url(img/logo.png) no-repeat;*/ }

div#conteneur_centre {
width:100%;
position:relative;
background:transparent url(img/conteneur_fond.png) repeat-y; }

div#colonne_gauche {
position:absolute;
top:0;
left:29px;
width:179px;
background:transparent url(img/menu_img_top.png) no-repeat; }

div#menu {
margin-top:10px;
width:100%;
height:169px;
background:transparent url(img/menu_fond.png) no-repeat; }

div#coordonnees {
margin-top:10px;
width:100%;
height:273px;
background:transparent url(img/coordonnees_fond.png) no-repeat center center; }

div#contenu {
width:642px;
margin-left:212px; }

div#presentation_contenu {
overflow:hidden;
letter-spacing:1px;
min-height:600px;
padding:20px;
padding-top:10px;
font-size:80%;
color:#555; }

div#img_bas {
width:100%;
height:15px;
background:transparent url(img/img_bas.png) no-repeat; }

div#img_bas_cg {
position:absolute;
left:29px;
bottom:0;
width:179px;
height:203px;
background:transparent url(img/colonne_gauche_img_bas.png) no-repeat; }

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

div#menu ul li a {
cursor:pointer;
outline:none;
text-indent:-9999px;
display:block;
width:100%; }

div#menu ul li a.accueil {
height:30px; }

div#menu ul li a.paysager {
height:26px; }

div#menu ul li a.urbain, div#menu ul li a.contact {
height:27px; }

div#menu ul li a.realisations {
height:28px; }

div#menu ul li a.espace {
height:31px; }

div#menu ul li a.accueil:hover {
background:transparent url(img/hover_accueil.png) no-repeat; }

div#menu ul li a.urbain:hover {
background:transparent url(img/hover_urbain.png) no-repeat; }

div#menu ul li a.paysager:hover {
background:transparent url(img/hover_paysager.png) no-repeat; }

div#menu ul li a.realisations:hover {
background:transparent url(img/hover_realisations.png) no-repeat; }

div#menu ul li a.contact:hover {
background:transparent url(img/hover_contact.png) no-repeat; }

div#menu ul li a.espace:hover {
background:transparent url(img/hover_espace.png) no-repeat; }

/***** #coordonnees *****/

div#coordonnees dl {
padding-top:5px;
margin-left:20px;
text-align:left;
font-size:70%;
line-height:1.3;
color:#fff; }

div#coordonnees dl dt {
font-size:120%; }

div#coordonnees dl dd a {
color:#fff; }

div#coordonnees dl dd a:hover {
text-decoration:none; }

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

div#nav_sub ul {
text-align:center; }

div#nav_sub ul li {
color:#666;
display:inline;
font-size:60%; }

div#nav_sub ul li a {
color:#666;
text-decoration:none;
text-transform:uppercase; }

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