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:#0064D7;
}

#footer{
z-index:50000;
width: 977px;
margin: 0 auto;
text-align:justify;
height: 46px;
}
#footer span {
	margin-left:202px;
	color:#9abfeb;
	margin-top:-22px;
	display:block;
}
#footer a {
	color:#9abfeb;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	position:relatives;
}
#preload{
display:none;
}
#fond_body{
position: absolute;
top: 0px;
left: 0px;
background-image: url(images/image_fond.jpg);
background-repeat: no-repeat;
background-position:center;
height: 499px;
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;
}


.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;}
	
a.etape4_retour {z-index: 2000;background-image: url(images/bt_etape4_retour.jpg); 
	background-repeat: no-repeat;display: block;height: 37px;width: 90px;}
a.etape4_retour:hover {z-index: 2000;background-image: url(images/bt_etape4_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;
} 

input{
background-color:transparent;
}

#page1 {
	top:78px;
	left:84px;
	display:block;
	background:url(images/pixels.gif);
	position:absolute;
	width:108px;
	height:90px;
}
#page2 {
	top:78px;
	left:205px;
	display:block;
	background:url(images/pixels.gif);
	position:absolute;
	width:108px;
	height:90px;
}
#page3 {
	top:78px;
	left:327px;
	display:block;
	background:url(images/pixels.gif);
	position:absolute;
	width:108px;
	height:90px;
}
#page4 {
	top:78px;
	left:450px;
	display:block;
	background:url(images/pixels.gif);
	position:absolute;
	width:108px;
	height:90px;
}
#page5 {
	top:78px;
	left:572px;
	display:block;
	background:url(images/pixels.gif);
	position:absolute;
	width:108px;
	height:90px;
}
#logo {
	display:block;
	background:url(images/pixels.gif);
	position:absolute;
	width:160px;
	height:80px;
	top:216px;
	left:600px;
}
h1{
display:inline;
}

.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:300;
min-height: 330px; 
}

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

#bloc_texte{
position:relative;
margin-left: 90px;
margin-right: 435px;
margin-top: -325px;
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: 14px;
top: 20px;
z-index: 10;
display:inline;
}

#acces_clients{
position:absolute;
top:78px;
left:696px;
}

#acces_clients input{
  color:#02d1f9;
  background-color:white;
  border-style:outset;
  border-width:1px;
  border-color:#23bae7;
  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: 62px;}
a.demarrer:hover {z-index: 2;background-image: url(images/bt_demarrer_over.jpg); 
	background-repeat: no-repeat;display: block;height: 49px;width: 62px;}

a.demarrer2 {z-index: 2;background-image: url(images/bt_demarrer2.jpg); 
	background-repeat: no-repeat;display: block;height: 49px;width: 104px;}
a.demarrer2:hover {z-index: 2;background-image: url(images/bt_demarrer2_over.jpg); 
	background-repeat: no-repeat;display: block;height: 49px;width: 104px;}
										
table{
font-family: Arial, Times, sans-serif;
font-size: 12px;
}
a{
color: #0064d6;
text-decoration: none;
}
a:hover{
color: #0fd5f8;
}
.titres{
color: #717171;
}

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