body{
margin: 0px;
padding: 0px;
font-family: Arial, Times, sans-serif;
font-size: 12px;
background-image: url(images/fond.jpg);
background-repeat: repeat-x;
background-color:#FFEE25;
}
#preload{
display:none;
}
h1{
display:inline;
}
.infobulle{
z-index:1000;
position:absolute;
top:0px;
left:0px;	
visibility : hidden;
border: 1px solid #39c1e9;
padding: 8px;
font-family: Arial;
font-size: 11px;
background-color: #f4fcfe;
width:300px;
color:#02358b;
text-align:justify;
}
#footer{
z-index:50000;
width: 977px;
margin: 0 auto;
text-align:justify;
height: 58px;
}
#footer span {
	margin-left:605px;
	color:#373735;
	margin-top:7px;
	display:block;
	margin-top:-35px;
}
#footer a {
	color:#373735;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	position:relatives;
}
#fond_body{
position: absolute;
top: 0px;
left: 0px;
/*background-image: url(images/image_fond.jpg);
background-repeat: no-repeat;
background-position:center;*/
height: 539px;
width: 100%;
}
#contenu_total{
position: absolute;
left: 50%; 
top: 0px;
width: 977px;
/*height: 583px;*/
margin-left: -489px; /* moitié de la largeur */
/*margin-top: -292px; /* moitié de la hauteur */
/*display: inline;*/
background-image: url(images/repeat.jpg);
background-repeat: repeat-y;
}


input{
background-color:transparent;
}

input.bouton1 {
border:0px outset red;
font-weight:bold;
cursor:pointer;
background-image: url(images/bt_enregistrer.jpg);
background-repeat:no-repeat;
display: block;height: 37px;width: 106px;
border-style:none; cursor:pointer;
}
input.bouton1:hover {
border:0px outset red;
background-color:white;
color:red;
background-image: url(images/bt_enregistrer_over.jpg);
background-repeat:no-repeat;
display: block;height: 37px;width: 106px;
border-style:none; cursor:pointer;
}
input.bouton1:active {
border:0px outset red;
background-color:white;
color:white;
background-image: url(images/bt_enregistrer.jpg);
background-repeat:no-repeat;
display: block;height: 37px;width: 106px;
border-style:none; cursor:pointer;
} 

#logo {
	display:block;
	background:url(images/pixel.gif);
	width:160px;
	height:94px;
	position:absolute;
	top:18px;
	left:65px;
}

a.client{font-size:11px;color:#ffaf09;text-decoration: none;}
a.client:hover{color:#ff8201;}

.page{
	position: absolute;
	top: 50px;
	left: 12px;
	visibility: hidden;
}


#contenu{
/*min-height: 100px; /*marche sur firefox */
/*_height: 150px;*/
z-index:300;
height: 100%;
/*min-height: 200px !important; */
}

#contenu_firefox{
z-index:400;
min-height: 430px; 
}

.texte{
z-index: 500;
margin-left: 2px;
text-align: justify;
}

#bloc_texte{
position:relative;
margin-left: 375px;
margin-right: 160px;
margin-top: -430px;
z-index: 400;
/*height: 320px;*/
}


a.accueil {z-index: 2;position: absolute;left: 34px; top: 135px;background-image: url(images/bt_accueil.jpg); 
	background-repeat: no-repeat;display: block;height: 24px;width: 155px;}
a.accueil:hover {z-index: 2;position: absolute;left: 34px; top: 135px;background-image: url(images/bt_accueil_over.jpg); 
	background-repeat: no-repeat;display: block;height: 24px;width: 155px;}
a.activites {z-index: 2;position: absolute;left: 34px; top: 158px;background-image: url(images/bt_activites.jpg); 
	background-repeat: no-repeat;display: block;height: 24px;width: 155px;}
a.activites:hover {z-index: 2;position: absolute;left: 34px; top: 158px;background-image: url(images/bt_activites_over.jpg); 
	background-repeat: no-repeat;display: block;height: 24px;width: 155px;}
a.renovation {z-index: 2;position: absolute;left: 34px; top: 182px;background-image: url(images/bt_renovation.jpg); 
	background-repeat: no-repeat;display: block;height: 24px;width: 155px;}
a.renovation:hover {z-index: 2;position: absolute;left: 34px; top: 182px;background-image: url(images/bt_renovation_over.jpg); 
	background-repeat: no-repeat;display: block;height: 24px;width: 155px;}
a.platrerie {z-index: 2;position: absolute;left: 34px; top: 206px;background-image: url(images/bt_platrerie.jpg); 
	background-repeat: no-repeat;display: block;height: 24px;width: 155px;}
a.platrerie:hover {z-index: 2;position: absolute;left: 34px; top: 206px;background-image: url(images/bt_platrerie_over.jpg); 
	background-repeat: no-repeat;display: block;height: 24px;width: 155px;}
a.amenagement {z-index: 2;position: absolute;left: 34px; top: 229px;background-image: url(images/bt_amenagement.jpg); 
	background-repeat: no-repeat;display: block;height: 24px;width: 155px;}
a.amenagement:hover {z-index: 2;position: absolute;left: 34px; top: 229px;background-image: url(images/bt_amenagement_over.jpg); 
	background-repeat: no-repeat;display: block;height: 24px;width: 155px;}
a.realisations {z-index: 2;position: absolute;left: 34px; top: 252px;background-image: url(images/bt_realisations.jpg); 
	background-repeat: no-repeat;display: block;height: 24px;width: 155px;}
a.realisations:hover {z-index: 2;position: absolute;left: 34px; top: 252px;background-image: url(images/bt_realisations_over.jpg); 
	background-repeat: no-repeat;display: block;height: 24px;width: 155px;}	
	

.texte2{
margin-left: 5px;
z-index: 10;
text-align: justify;
font-family: Arial, Times, sans-serif;
font-size: 11px;
}

.bleu{
font-weight:bold;
color: #00cdf8;
}

.fleche{
position:absolute;
left: 0px;
top: 7px;
z-index: 10;
}
.titres{
position:absolute;
left: 2px;
top: 20px;
z-index: 10;
display:inline;
color: #ff8201;
}

#acces_clients{
position:absolute;
top:40px;
left:300px;
}

#acces_clients input{
  color:#ffaf09;
  background-color:white;
  border-style:outset;
  border-width:1px;
  border-color:#ffaf09;
  font-family: Arial, Times, sans-serif;
  font-size: 11px;
}

a.demarrer {z-index: 2;background-image: url(images/bt_demarrer.jpg); 
	background-repeat: no-repeat;display: block;height: 49px;width: 104px;}
a.demarrer:hover {z-index: 2;background-image: url(images/bt_demarrer_over.jpg); 
	background-repeat: no-repeat;display: block;height: 49px;width: 104px;}
										
table{
font-family: Arial, Times, sans-serif;
font-size: 12px;
}
a{
color: #ff8201;
text-decoration: none;
}
a:hover{
color: #ffd504;
}

ul{
list-style-image:url(images/puce.jpg);
line-height:17px;
}

#ssFooter {
	background-color:#ffee25;
	margin-top:-10px;
	margin-bottom:-10px;
}
#phrase, #nuage {
	margin-left:360px;
	width:480px;
	color:#373739;
	font-size:10px;
	text-align:center;
}

.enregistrer {z-index: 2000;background-image: url(images/bt_enregistrer.jpg); 
	background-repeat: no-repeat;display: block;height: 37px;width: 106px;
	border-style:none; cursor:pointer;}
.commander {z-index: 2000;background-image: url(images/bt_commander.jpg); 
	background-repeat: no-repeat;display: block;height: 37px;width: 106px;
	border-style:none; cursor:pointer;}
	
a.enregistrer {z-index: 2000;background-image: url(images/bt_enregistrer.jpg); 
	background-repeat: no-repeat;display: block;height: 37px;width: 106px;}
a.enregistrer:hover {z-index: 2000;background-image: url(images/bt_enregistrer_over.jpg); 
	background-repeat: no-repeat;display: block;height: 37px;width: 106px;}
a.commander {z-index: 2000;background-image: url(images/bt_commander.jpg); 
	background-repeat: no-repeat;display: block;height: 37px;width: 106px;}
a.commander:hover {z-index: 2000;background-image: url(images/bt_commander_over.jpg); 
	background-repeat: no-repeat;display: block;height: 37px;width: 106px;}
	
a.etape1 {z-index: 2000;background-image: url(images/bt_etape1.jpg); 
	background-repeat: no-repeat;display: block;height: 37px;width: 90px;}
a.etape1:hover {z-index: 2000;background-image: url(images/bt_etape1_over.jpg); 
	background-repeat: no-repeat;display: block;height: 37px;width: 90px;}
	
a.etape2 {z-index: 2000;background-image: url(images/bt_etape2.jpg); 
	background-repeat: no-repeat;display: block;height: 37px;width: 90px;}
a.etape2:hover {z-index: 2000;background-image: url(images/bt_etape2_over.jpg); 
	background-repeat: no-repeat;display: block;height: 37px;width: 90px;}
	
a.etape3 {z-index: 2000;background-image: url(images/bt_etape3.jpg); 
	background-repeat: no-repeat;display: block;height: 37px;width: 90px;}
a.etape3:hover {z-index: 2000;background-image: url(images/bt_etape3_over.jpg); 
	background-repeat: no-repeat;display: block;height: 37px;width: 90px;}
	
a.etape4 {z-index: 2000;background-image: url(images/bt_etape4.jpg); 
	background-repeat: no-repeat;display: block;height: 37px;width: 90px;}
a.etape4:hover {z-index: 2000;background-image: url(images/bt_etape4_over.jpg); 
	background-repeat: no-repeat;display: block;height: 37px;width: 90px;}
	
a.etape5 {z-index: 2000;background-image: url(images/bt_etape5.jpg); 
	background-repeat: no-repeat;display: block;height: 37px;width: 90px;}
a.etape5:hover {z-index: 2000;background-image: url(images/bt_etape5_over.jpg); 
	background-repeat: no-repeat;display: block;height: 37px;width: 90px;}

a.etape1_retour {z-index: 2000;background-image: url(images/bt_etape1_retour.jpg); 
	background-repeat: no-repeat;display: block;height: 37px;width: 90px;}
a.etape1_retour:hover {z-index: 2000;background-image: url(images/bt_etape1_retour_over.jpg); 
	background-repeat: no-repeat;display: block;height: 37px;width: 90px;}
	
a.etape2_retour {z-index: 2000;background-image: url(images/bt_etape2_retour.jpg); 
	background-repeat: no-repeat;display: block;height: 37px;width: 90px;}
a.etape2_retour:hover {z-index: 2000;background-image: url(images/bt_etape2_retour_over.jpg); 
	background-repeat: no-repeat;display: block;height: 37px;width: 90px;}
	
a.etape3_retour {z-index: 2000;background-image: url(images/bt_etape3_retour.jpg); 
	background-repeat: no-repeat;display: block;height: 37px;width: 90px;}
a.etape3_retour:hover {z-index: 2000;background-image: url(images/bt_etape3_retour_over.jpg); 
	background-repeat: no-repeat;display: block;height: 37px;width: 90px;}
	
textarea{
height:30px;
overflow:auto;
}	

input.bouton1 {
border:2px outset red;
font-weight:bold;
cursor:pointer;
background-image: url(images/bt_enregistrer.jpg);
background-repeat:no-repeat;
display: block;height: 37px;width: 106px;
border-style:none; cursor:pointer;
}
input.bouton1:hover {
border:2px outset white;
background-color:white;
color:red;
background-image: url(images/bt_enregistrer_over.jpg);
background-repeat:no-repeat;
display: block;height: 37px;width: 106px;
border-style:none; cursor:pointer;
}
input.bouton1:active {
border:2px inset red;
background-color:white;
color:white;
background-image: url(images/bt_enregistrer.jpg);
background-repeat:no-repeat;
display: block;height: 37px;width: 106px;
border-style:none; cursor:pointer;
} 

input.bouton2 {
border:2px outset red;
font-weight:bold;
cursor:pointer;
background-image: url(images/bt_commander.jpg);
background-repeat:no-repeat;
display: block;height: 37px;width: 106px;
border-style:none; cursor:pointer;
}
input.bouton2:hover {
border:2px outset white;
background-color:white;
color:red;
background-image: url(images/bt_commander_over.jpg);
background-repeat:no-repeat;
display: block;height: 37px;width: 106px;
border-style:none; cursor:pointer;
}
input.bouton2:active {
border:2px inset red;
background-color:white;
color:white;
background-image: url(images/bt_commander.jpg);
background-repeat:no-repeat;
display: block;height: 37px;width: 106px;
border-style:none; cursor:pointer;
}