html {
font-size: 100%;
font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}

body{
	margin:0px;
	background-color:  #574D4C;
	font-size: 0.8em;
}
h1{
	font-size: x-large;
	background-color:#9F0E0E;
	color: #E2D6BA;
}
h2{
	font-size: medium;
	color:#A2140D;
}
h3{
	font-size: small;
	color:#A2140D;
}
ul {
     list-style-image: url('../images/papillon.png');
} 
li {
font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
 font-size: 100%;
 color: #4D0606;

} 


.background{
	top:0px;
	padding-top:0px;
	width:100%;
	height:100%;
	background: url('../images/background_lobelie_services_a_la_personne_ardeche_sud.jpg') no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	z-index:1;
	position:fixed;
}
.accueil{
	bottom:0px;
	  left: 100%;
	  width: 60%;
	  margin-left: -60%;
	z-index:10;
	height:30%;
	position:fixed;

}
.personne{
	bottom:9%;
	  left: 10%;
	z-index:10;
	height:30%;
	position:fixed;
}
.aservices{
	bottom:8%;
	  right: 10%;
	z-index:10;
	height:30%;
	position:fixed;
}
.avantages{
	bottom:-15%;
	  right: 20%;
	z-index:11;
	height:30%;
	position:fixed;
}
.contact{
	bottom:-10%;
	  left: 15%;
	z-index:10;
	height:20%;
	position:fixed;
}

.footer{
	bottom:0px;
	padding-top:0px;
	background-image: url('../images/footer_lobelie_services_a_la_personne_ardeche_sud.png'); 
	background-repeat:no-repeat; 
	background-size:100% 100%;
	background-position: center bottom;
	width:100%;
	height:30%;
	z-index:2;
	position:fixed;
		//background-color:black;
}
.bgtexte{
	top:25%;
	padding-top:0px;
	width:100%;
	height:100%;
	z-index:1;
	position:absolute;

}

.logo{
	position:absolute;
	top:40px;
	  left: 45%;
	  width: 100%;
	  margin-left: -50%;
	background-image: url('../images/logo_lobelie.png'); 
	background-size:auto 100%;
	width:100%;
	height:25%;
	background-repeat:no-repeat; 
	z-index:2;
	text-align: center;
	font-size:100%;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	color:#9F0E0E
	
}
.accescli{
	top:0px;
	right:5%;
	padding-top:0px;
 	background-image: url('../images/acces_cli_int.png'); 
	background-repeat:no-repeat; 
	background-size:100%;
	background-position: center bottom;
	width:322px;
	height:51px;
	z-index:10;
	position:fixed;
	text-align: center;
	font-size:120%;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	color:#fff

}
.voitureg{
	bottom:0px;
	background-image: url('../images/voiture_g_lobelie.png'); 
	background-repeat:no-repeat; 
	background-size:auto 100%;
	background-position: left bottom;
	width:100%;
	height:15%;
	z-index:3;
	position:fixed;

}
.voitured{
	bottom:0px;
	background-image: url('../images/voiture_d_lobelie.png'); 
	background-repeat:no-repeat; 
	background-size:auto 100%;
	background-position: right bottom;
	width:100%;
	height:15%;
	z-index:3;
	position:fixed;
}

.sap{
	left:30%;
	top : 10%;
	z-index:20;
	position:absolute;
	visibility:hidden;
	background:  #FBF2DD;
	margin:10px;
	padding:10px;
	box-shadow: 10px 10px 20px #555;
	  transform: scale(1.0);
	  transition: all 500ms linear; 
  float: none;

}
.sap:hover {
  transition: all 200ms linear;
  transform: scale(1.5) rotate(-5deg) translate(15px);
  opacity: 1; 
  z-index: 99;
}

.as{
	right:30%;
	top : 10%;
	z-index:20;
	position:absolute;
	visibility:hidden;
	background: #FE8567;
	margin:10px;
	padding:10px;
	box-shadow: 10px 10px 20px #555;
	  transform: scale(1.0);
	  transition: all 500ms linear; 
  float: none;
}
.as:hover {
  transition: all 200ms linear;
  transform: scale(1.5) rotate(5deg) translate(15px);
  opacity: 1; 
  z-index: 99;
}
.seniors{
	right:30%;
	top : 10%;
	z-index:20;
	position:absolute;
	visibility:hidden;
	background:  #E99902;
	margin:10px;
	padding:10px;
	box-shadow: 10px 10px 20px #555;
	  transform: scale(1.0);
	  transition: all 500ms linear; 
  float: none;
}
.seniors:hover {
  transition: all 200ms linear;
  transform: scale(1.5) rotate(5deg) translate(25px);
  opacity: 1; 
  z-index: 99;
}

a{
	color:#A2140D;
	text-decoration:underline;
}
a:hover{
	color: #660909;
	text-decoration: none;
}

.login a{
	color:   #ffffff;
	text-decoration: none;
}
.login a:hover{
	color:   #ffffff;
	text-decoration:underline;
}

.pages{
	position:absolute;
	z-index:50;
	top:312px;
	background-color:#d1f0fb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	color: #694207;
	text-align:center;
	filter: 'alpha(opacity=90%)';
	opacity: 0.9;
	left:50%; width:900px;margin-left:-450px;
	padding-bottom:20px;
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
}
.pages a{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}
.pages a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration: underline;
}

.menu{
	position:absolute;
	z-index:100;
	width:100%;
	top:250px;
	//position:fixed;

}
.menu a{
	font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	color:white;
	text-decoration:none;
	text-align:center;
}
.menu a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#A90A06;
	text-decoration:underline;
}
.titrepage{
	font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	font-size: 1.6em;
	text-align:left;
	padding:10px;
	color:white;
	background-color:#A90A06;	
	border-bottom:1px #43768B solid ;
}
input[type=text]{
	width: 100%;
	height:40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:  #3B5998;
	text-align:left;
	background-color:#E2ECDF;
}
textarea {
	width: 100%;
	height:100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:  #3B5998;
	text-align:left;
	background-color:#E2ECDF;
}
select {
	width: 100%;
	height:40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:  #3B5998;
	text-align:left;
	background-color:#E2ECDF;
}
input[type=submit]{
	width: 100%;
	height:40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:  #3B5998;
	text-align:center;
	background-color:#E2ECDF;
}
input[type=radio] {
	width: 20px;
	height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:  #3B5998;
	text-align:left;
	background-color:#E2ECDF;
}

input[type=checkbox] {
	width: 20px;
	height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:  #3B5998;
	text-align:left;
	background-color:#E2ECDF;
}
.adgsoft a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:    #5CC9ED;
	font-weight: normal;

}
.adgsoft a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:   #5CC9ED;
	font-weight: bold;

}

.adgsoft{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:   #5CC9ED;
	font-weight: normal;

}