a {
	text-decoration : none;
}

a:hover {
	text-decoration : underline;
}

a img{
	border : 0;
}

a span {
	background-color : #FE9D50;
	background-image : none;
}

/** Page d'intro **/
#intro{
	background-color: #7F7F7F;
	color: White;
}

#intro div{
	position : absolute;
	width : 700px;
	height : 405px;
	left : 50%;
	top : 50%;
	margin-left : -350px;
	margin-top : -202px;
	background : url('galets/fond_intro.jpg') no-repeat top left;
}

#intro h1{
	position : absolute;
	left : 50%;
	top : 50%;
	margin-left : 70px;
	margin-top : -60px;
}

#intro p{
	font-family: Arial;
	font-size: 120%;
	/*font-weight : bold;*/
	position : absolute;
	left : 50%;
	top : 50%;
	margin-left : -350px;
	margin-top : 205px;
	width : 100%;
}

#intro a{
	font-family: Arial;
	font-size: 100%;
	/*font-weight : bold;*/
	position : absolute;
	left : 50%;
	top : 50%;
	margin-left : 250px;
	margin-top : 150px;
	color : white;
	background : url('galets/lien_intro.gif') no-repeat left;
	padding-left : 16px;
}

/** Fin de l'intro **/
body {
	padding-top : 10px;
	padding-bottom : 10px;
	margin : 0;
	font-size : 90%;
	background-color  : white;
}

#conteneur {
	width : 770px;
	position : relative;
	min-height : 100%;
	margin-left : auto;
	margin-right : auto;
	background : url('galets/fond_conteneur.jpg') repeat-y left;
	border : 1px solid black;
}

/*#conteneur.accueil {
	background-image : url('galets/fond_conteneur_accueil.jpg') 
}*/

/* Entete */
#header {
/*	clear : both;*/
	height : 119px;
	background : url('galets/header_centre.jpg') no-repeat top;
}

/*#header.accueil {
	height : 139px;
}*/

#header_gauche {
	float : left;
	height : 100%;
	width : 200px;
	background : #C2C9CC url('galets/header_gauche.jpg') no-repeat top;
}

/*#header_gauche.accueil {
	background-image : url('galets/header_gauche_accueil.jpg');
}*/
#header h1 {
	display : inline;
	margin : 0;
	padding : 0;
	margin-top : 10px;

}

#header h1 img{
	margin-top : 10px;

}

#header_droite {
	float : right;
}


/* pour menu horizontal */

#accessibilite {
float:left;
padding-left:190px;
position: absolute;
clear: both;
}
		
#accessibilite ul {
margin: 0;
padding: 0;
width: 575px;
list-style-type:none;
display:block;

}
 

 
#accessibilite li.active {
display:block;
height:30px;
width:auto;
color: black ;
text-align:center;
padding: 5px 10px 3px 10px;
border-right:1px solid #ffdecb;
font-family : arial;
font-size : 80%;
vertical-align:middle;  
float:left; /*pour IE*/
 }

#accessibilite li.active span {
background-color: #eef3f6;
}

#accessibilite  li a {
float: left; 
height:30px;
width:auto;
background-color:white;
 color: black ;
 text-decoration:none;
 text-align:center;
 padding: 5px 10px 3px 10px;
 border-right:1px solid #6e7f89;
 	color : black;
	font-family : arial;
	font-size : 80%;
 }
#accessibilite li a:hover {
 border-right:1px solid #ffdecb;
 color: #black;
 } 
 
#accessibilite li a span {
  background-color: white;}

#accessibilite   li a:hover span {
  background-color: #FE9D50;}
	    
/* Contenu */
#corps {
	padding-left : 190px;
	overflow : hidden;
	padding-bottom : 1em;
	padding-right : 10px;
	min-height: 100%;
	height : 100%;
	background : url('galets/galets.jpg') no-repeat left top;
}


#corps.accueil{
/*	background-image : url('galets/galets_accueil.jpg');*/
	padding-left : 170px;
}

#corps h2 {
	text-align : center;
padding-top: 30px;
}

#corps.accueil h2, #corps h2.aere {
	margin-top : 2em;
	margin-bottom : 2em;

}

#corps h3 {
	clear : both;
	padding-top : 0.5em;
	padding-left: 0px;
	font-size : 120%;
	font-family : Helvetica,Arial,sans-serif;
	border-bottom : 1px green dotted;

}

#corps  p{
	padding-left : 20px;
}

#corps ul{
	padding-left : 60px;
}
#corps.accueil ul {
	padding-left : 20px;
}

#menu_accueil {
	text-align : center;
	margin-top : 5em;
	list-style : none;
}

#menu_accueil li{
	width :20%;
	float : left;
	background-repeat : no-repeat;
	background-position : top;

}

#menu_accueil li img{
	display : block;
	margin-left : auto;
	margin-right : auto;
}

#menu_accueil li a{
	color : black;
	font-family : arial;
	font-size : 80%;

}
#menu_haut {
	text-align : center;
	/*margin-top : 5em;*/
	list-style : none;
}

#menu_haut li{
	width : 80px;
	float : left;
	background-repeat : no-repeat;
	background-position : top;
}

#menu_haut li img{
	display : block;
	margin-left : auto;
	margin-right : auto
}

/* Pied de pages */
#footer {
	clear : both;
	/*position : relative;*/
	overflow : hidden;
	font-family : arial;
	font-size : 80%;
	padding : 55px 0.5em 0.2em 0.5em;
	background : url('galets/footer.jpg') top left;
}

#footer p{
	margin : 0;
	padding : 0;
}

#footer_adresse {
	float : left;
	width : 40%;
	text-align : left;
}

#footer_tel {
	float : left;
	width : 32%;
	text-align : center;
}

#footer_email {
	float : right;
	width : 25%;
	text-align : right;
}
#footer_email  img{
	vertical-align : middle;
}

#footer a{
	color : black;
}

/** Formulaire **/
label {
	float : left;
	text-align : right;
	width : 7em;
	padding-right : 0.5em;
}

.textfield {
	background: rgb(252, 224, 203); 
	color: rgb(176, 0, 0);
}

label.radiofield {
	float : none;
	padding-left : 0.5em;
}

p.formfooter{
	text-align : center;
}

#moteurs {
	display : none;
	font-size : 0;
	text-indent : -5000px;
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
}

ul.montmartre {
	margin-left : 150px;
}

table{
	border-collapse : collapse;
}
th, td{
	border: 1px green solid;
	vertical-align : top;
	padding : 3px;
}

table.basImageTexte 
{
  position : relative;
  width : 580px;
  margin-left : 60px;

}

.basImageTexte  td
{
  border : none;
}

#infosVillaFlora
{
  text-align : right;
}

h4.confortVillaflora
{
clear : both;
	padding-top : 0.5em;
	padding-left : 220px;
	font-size : 100%;
	font-family : Helvetica,Arial,sans-serif;

}

td.imagesVillaFloraGauche
{
  border : none;
  padding:0;
  padding-left : -60px;
  font-size : 8pt;
  width:  205px;
  text-align : justify;
  font-style : italic;
}

td.imagesVillaFloraDroit
{
  border : none;
  padding-right:15px;
  padding-left : 40px;
  font-size : 8pt;
  width:  205px;
  text-align : justify;
  font-style : italic;
}


td.texteVillaFlora 
{
  border : none;
  padding:0;
  margin : 0px;
}

#infosPort
{
  text-align : right;
}

h4.confortPort
{
clear : both;
	padding-top : 0.5em;
	padding-left : 220px;
	font-size : 100%;
	font-family : Helvetica,Arial,sans-serif;

}

td.imagesPortGauche
{
  border : none;
  padding:0;
  padding-left : -60px;
  font-size : 8pt;
  width:  205px;
  text-align : justify;
  font-style : italic;
}

td.imagesPortDroit
{
  border : none;
  padding-right:15px;
  padding-left : 40px;
  font-size : 8pt;
  width:  205px;
  text-align : justify;
  font-style : italic;
}


td.textePort 
{
  border : none;
  padding:0;
  margin : 0px;
}
