html
{
background-color:#999999;
border:0;
padding:0;
margin:0;
}

body
{
	color: #333;
	background-color: #999999;
	font-size: 12px;
	font-weight: bold;
	font-family: helvetica,arial,verdana;
	width:100%;
	margin: 0 auto;
	text-align:left;
}

pre 
{
display:inline;
white-space:normal;
}

a,img 
{
border:0;
margin:0;
padding:0;
}

input
{
position:absolute;
}

a 
{
outline:0;
color:#0798cd;
font-weight:bold;
}

a.bouton 
{
display:block;
text-indent:-9999px;
background:transparent top left no-repeat;
text-align:left;
}

a.bouton:hover 
{
background-position:bottom left;
}
.hidden {display:none;}

.texte .container {width:625px;height:350px;}
.texte .container .text-container {width:600px;}

.contenu 
{
	width:1000px;
	height: 600px;
	margin:0;
	padding:0;
	z-index:10;
	position:relative;
	background:transparent top center no-repeat;
}

.contenu .droite_accueil 
{
float:right;
width:385px;
margin: 53px 55px 0 0;
}

.contenu .texte_accueil 
{
width:340px;
height:370px;
position:relative;
top:80px;
left:50px;
padding-right:5px;
text-align:justify;
overflow-x: hidden;
overflow-y: auto;
}

.contenu h3 
{
}


.contenu .separateur 
{
border-bottom: 1px #333 solid;
width: 95%;
margin:0 auto;
}

#navigation 
{
position:absolute;
top:530px;
left:0;
width:1000px;
height:58px;
overflow:hidden;
}

#navigation a 
{
float:left;
height:58px;
}

#navigation a#bt_accueil
{
width:144px;
background-image:url(/styles/graphics/boutons/bt_accueil.jpg);
}

#navigation a#bt_presentation
{
width:137px;
background-image:url(/styles/graphics/boutons/bt_presentation.jpg);
}

#navigation a#bt_professionnels
{
width:148px;
background-image:url(/styles/graphics/boutons/bt_professionnels.jpg);
}

#navigation a#bt_particuliers
{
width:147px;
background-image:url(/styles/graphics/boutons/bt_particuliers.jpg);
}
#navigation a#bt_prestations
{
width:148px;
background-image:url(/styles/graphics/boutons/bt_prestations.jpg);
}

#navigation a#bt_realisations
{
width:152px;
background-image:url(/styles/graphics/boutons/bt_realisations.jpg);
}
#navigation a#bt_contact 
{
width:124px;
background-image:url(/styles/graphics/boutons/bt_contact.jpg);
}


.tableCentrage 
{
	width:100%;
	height:100%;
	background: #999999 url(/styles/graphics/fond_site.jpg) 50% 50% no-repeat;
}

.tableCentrage .celluleContenu
{
	height:600px;
	}
	
.tableCentrage .celluleContenu .tableContenu 
{
width:1000px;
height:600px;
}

#fond 
{
   position:absolute;
   left: 50%; 
   top: 50%;
   width: 1400px;
   height: 1200px;
   margin-left: -700px;
   margin-top: -600px;
   border: 0px;
   background-image:url('graphics/fond.jpg');
   background-repeat: no-repeat; 
}


#signature
{
position:absolute;
bottom:3px;
height:13px;
font-size:12px;
color:#696969;
text-align: center;
width:1000px;
left:50%;
margin:0 0 0 -500px;
}

#signature a 
{ 
font-size:12px;
color:#e2f57b;
text-decoration: none;
}

#signature a:hover 
{ 
color:#696969;
}

#accueil .contenu 
{
background: transparent url(/styles/graphics/accueil/corps_accueil.jpg) top center no-repeat;
}
#accueil a#lien-fede {position:absolute;top:430px;left:90px;width:330px;height:90px;display:block;}
#presentation .contenu,
#professionnels .contenu,
#particuliers .contenu,
#prestations .contenu
{
width:960px;
height:450px;
padding:150px 0 0 40px;
background: transparent top center no-repeat;
}

#presentation .contenu .texte,
#professionnels .contenu .texte,
#particuliers .contenu .texte,
#prestations .contenu .texte
{
position:relative;
width:626px;
height:350px;
overflow:hidden;
}

#presentation .contenu 
{
background-image: url(/styles/graphics/pages/corps_presentation.jpg);
}
#professionnels .contenu 
{
background-image: url(/styles/graphics/pages/corps_professionnels.jpg);
}
#particuliers .contenu 
{
background-image: url(/styles/graphics/pages/corps_particuliers.jpg);
}
#prestations .contenu {background-image: url(/styles/graphics/pages/corps_prestations.jpg);}

#contact .contenu {background: transparent url(/styles/graphics/contact/corps_contact.jpg) top left no-repeat;}
#contact-envoye .contenu {background: transparent url(/styles/graphics/contact/corps_contact_envoye.jpg) top left no-repeat;}

#contact h1 
{
margin:0;
text-indent:-9999px
}

#contact input,#contact textarea 
{
position:absolute;
left:400px;
width:256px;
border:0;
background-color:transparent;
}

#contact input#nom {top:208px;}
#contact input#mail {top:244px;}
#contact input#telephone {top:281px;}
#contact textarea#texte {top:320px;}

#contact a#bt_envoyer {position:absolute;top:330px;left:685px;width:100px;height:100px;background-color:transparent;}