/* ***** FEUILLE DE STYLE CSS DU SITE INTERNET  GREEN PARC  *****

/*
Titre:      	Structure du site
Auteur:     	Acreat Web Technologies
Mise à jour:    30 Juillet 2009
*/

/* CSS Document */

HTML { 
	background:#FFF; 
	height:100%; 
}
	
BODY { 
	color:#535646;
	font-family:arial,verdana,sans-serif;
	font-size:12px;
	height:100%;
	margin:0;
	padding:0;
	text-align:center;
}	

.clear { clear:both; }

#conteneur {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:980px;
}	

/* [ Tableaux ]---------------------------------------------------- */	

TABLE {
	border:0;
	border-collapse:collapse; 
	margin:0; 
	padding:0; 
}

TD {
	border:0;
	border-collapse:collapse; 
	margin:0; 
	padding:0; 
	vertical-align:top;
}

/* [ Titres ]---------------------------------------------------- */	

H1 {
	color:#9F3180;
	font-size:18px;
	letter-spacing:-1px;	
	margin-top:10px; 
	text-transform:uppercase;
}	

H2 {
	color:#353826;
	font-size:15px;
}	

/* [ Textes ]---------------------------------------------------- */

P { 
	color:#535646;
}

STRONG {
	color:#34362B;
}		

/* [ Listes ]---------------------------------------------------- */	

UL {
	list-style-type:none; 
	margin:0; 
	padding:0; 
}	

/* [ Liens ]---------------------------------------------------- */	

A IMG { 
	border:0; 
}

A { 
	color:#E4601D;
	text-decoration:none;
}	
A:HOVER {
	text-decoration:none;
}	

/* [ Images ]---------------------------------------------------- */	

.img_d {
	float:right;
	margin:0 0 10px 10px;
}

.img_g {
	float:left;
	margin:0 10px 10px 0;	
}


/* [ COLONNE GAUCHE ]---------------------------------------------------- */	

#col_g {
	float:left;
	margin-right:20px;
	width:180px;
}	

/* [ Logo ]---------------------------------------------------- */	

#logo {
	background:url(../img/structure/logo_green_parc.png) no-repeat top left;
	display:block;
	height:109px;
	margin:10px 0 0 0;
	width:180px;	
}

/* [ Menu principal ]---------------------------------------------------- */

#menu {
	margin:20px 0 20px 0;
}	

#menu LI {
	margin-bottom:10px;
}	

#menu A {
	display:block;
	height:34px;
	text-indent:-1000em;
	width:180px;
	overflow: hidden;
}

#menu #quartier {
	background:url(../img/structure/bt_quartier.png) no-repeat top left;
}
#menu A:hover#quartier, #menu #quartier_on {
	background:url(../img/structure/bt_quartier.png) no-repeat top left;
	background-position:0 -34px;
}

#menu #residence {
	background:url(../img/structure/bt_residence.png) no-repeat top left;
}
#menu A:hover#residence, #menu #residence_on {
	background:url(../img/structure/bt_residence.png) no-repeat top left;
	background-position:0 -34px;
}

#menu #appartements {
	background:url(../img/structure/bt_appartements.png) no-repeat top left;
}
#menu A:hover#appartements, #menu #appartements_on {
	background:url(../img/structure/bt_appartements.png) no-repeat top left;
	background-position:0 -34px;
}

/* [ Demande infos ]---------------------------------------------------- */

#demande_infos {
	background:url(../img/structure/cadre_infos.jpg) no-repeat top left;
	height:130px;
	margin:10px 0 0 0;
	padding:10px;
	width:160px;
}

#demande_infos P {
	margin:10px 0;
	padding:0;
}	
#demande_infos #nom_contact {
	color:#FFF;
	font-size:13px;
	margin:20px 0 0 0; 
	/margin-top:30px;
}

#demande_infos #coordonnees_contact, #demande_infos #coordonnees_contact A {
	color:#2B2E1E;
	font-size:14px;
	font-weight:bold;
	margin:30px 0 0 0; 	
	overflow: hidden;
}

#demande_infos #bt_contacter {
	background:url(../img/structure/bt_contact.png) no-repeat top left;
	display:block;	
	height:30px;
	margin:20px auto;
	text-indent:-1000em;	
	width:120px;
}
#demande_infos A:HOVER#bt_contacter {
	background:url(../img/structure/bt_contact.png) no-repeat top left;
	background-position:0 -30px;	
}	
	
/* [ Autres programmes ]---------------------------------------------------- */

#programmes {
	margin-top:10px;
}

#programmes #titre_programmes {
	background:url(../img/structure/titre_autres_programmes.png) no-repeat top left;
	height:52px;
	text-indent:-1000em;		
	width:180px;
}

#programmes A {
	background:url(../img/structure/fond_autres_programmes.png) repeat-x bottom left;
	border:1px solid #E6EBC2;
	color:#3A3D2B;
	display:block;
	font-size:11px;
	height:20px;
	line-height:20px;
	margin:3px 0;
	padding:0 0 0 4px;
	overflow: hidden;
}
#programmes A SPAN {
	color:#898B80;
	font-size:10px;
}	

#programmes A:HOVER {
	background:url(../img/structure/fond_autres_programmes_on.png) repeat-x bottom left;
	border:1px solid #44492D;
	color:#FFF;
}
#programmes A:HOVER SPAN {
	color:#999F77;
}

/* [ COLONNE DROITE ]---------------------------------------------------- */	

#col_d {
	float:left;
	width:780px;
}

/* [ Bandeau programme ]---------------------------------------------------- */	

#bandeau_programme {
	background:url(../img/structure/bandeau_green_parc.jpg) no-repeat top left;
	height:265px;
	width:780px;
}

/* [ Pied de page ]---------------------------------------------------- */	

#piedpage { 
	font-size:10px; 
	margin:10px 0;
	padding-bottom:10px;
}

#lien_acreat {
	float:left;
}

#lien_acreat A {
	color:#CBCFBB;
}
#lien_acreat A:HOVER {
	color:#a7ad91;
}

#menu_secondaire  {
	color:#909090;
	float:right;
	text-transform:uppercase;
}	

#menu_secondaire A {
	color:#909090;
}	
#menu_secondaire A:HOVER {
	font-weight:bold;
}

/* [ ACCUEIL ]---------------------------------------------------- */	

/* [ Animation Programme ]---------------------------------------------------- */

#anim_programme {
	height:384px;
	width:780px;
}

/* [ Parc Paysage ]---------------------------------------------------- */

#parc {
	background:url(../img/index/encart_parc.jpg) no-repeat top left;
	display:block;
	height:220px;
	width:780px;
}

/* [ Actualites ]---------------------------------------------------- */	

#actualites { 
	font-size:11px;
	text-align:justify;
}	

#actualites H2 {
	color:#D76100;
	font-family:"Trebuchet MS",arial,verdana,sans-serif;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;	
}

/* [ Actualites texte ]---------------------------------------------------- */

#actualites #actu_txt {
	float:left;
	padding:0 0 10px 0;
	width:380px;
}	

#actualites #actu_txt H2 {
 	color:#9F3180;
	font-size:15px;
	margin:0;
}
 
#actualites #actu_txt UL {
	list-style-type:none; 
	margin:0; 
	padding:0; 
}	 

#actualites #actu_txt UL LI {
	background:url(../img/structure/puce01.gif) no-repeat top left;
	background-position:0 8px;
	padding:3px 0;
	padding-left:15px;
}	

#actualites #actu_txt EM { 
	color:#989A8F;
	font-size:10px; 
	font-style:normal;
} 
 
/* [ Actualites en image ]---------------------------------------------------- */	

#actualites #actu_image {
	float:right;
	width:385px;
}

#actualites #actu_image H2 {
	color:#D03616;
	font-size:15px;
	margin:0;	
}

#actualites #actu_image #legende {
	background:#FFF url(../img/index/fond_legende.png) repeat-x top left;
	border:1px solid #E6F09F;
	color:#3F2920;
	font-size:10px;
	height:20px;
	line-height:18px;
	margin-top:5px;
	padding-left:18px;
	position:relative;
}	
#actualites #actu_image #legende #picto_legende {
	background:#FFF url(../img/index/picto_legende.gif) no-repeat top left;	
	height:19px;
	left:-8px;
	position:absolute;
	top:-2px;
	width:23px;
}

#actualites #actu_image IMG {
	background:#E8802B;
	border:2px solid #393C2A;
	cursor:pointer;
}
#actualites #actu_image IMG:HOVER { 
	background:url(../img/index/actu_img_on.gif) no-repeat top left;
	border:2px solid #D03616;
	filter : alpha(opacity=60);
    -moz-opacity : 0.6;
    opacity : 0.6; 
}

/* [ PAGE QUARTIER ]---------------------------------------------------- */

#quartier_g {
	float:left;
}	

#google_map {
	border:6px solid #393C2A;
	height:428px;
	width:428px;
}

#quartier_d { 
	float:right;
	font-size:12px;
	padding:20px 0 0 0;
	width:320px;
}

#quartier_d H2{
	color:#9F3180;
	font-size:15px;
}

#quartier_d  P{
	text-align: justify;
	font-size: 1.2em;
}

#quartier_d A {
	cursor:pointer;
	display:block;
	padding:10px 0 0 0;
	overflow: hidden;
}

#quartier_d A UL LI {
	color:#393C2A;
}	

#quartier_d UL LI {
	background:url(../img/quartier/puce_off.gif) no-repeat top left;	
	background-position:0 2px;
	padding-left:13px;
}

#quartier_d A:HOVER UL LI {
	background:url(../img/quartier/puce_on.gif) no-repeat top left;	
	background-position:0 2px;	
}

/* [ PAGE RESIDENCE ]---------------------------------------------------- */

#page_residence H2{
	color:#9F3180;
	font-size:15px;
}

#page_residence H2#bottom{
	margin: 20px 0 0 0;
}

#page_residence P{
	text-align: justify;
	margin: 0 0 30px 0;
	font-size: 1.2em;
}

#page_residence P.bottom{
	margin: 0 0 10px 0;
}

#page_residence UL{
	margin: 0 0 0 15px;
	font-size: 1.2em;
	list-style-position:inside;
	list-style-image:url('../img/structure/puce01.gif');
}

#page_residence UL LI{
	margin:5px 0 0 0;
}

#page_residence #bt_contact {
	background:url(../img/residence/bt_contact.png) no-repeat top left;
	display:block;	
	height:34px;
	margin:0 0 0 auto;
	text-indent:-1000em;	
	width:180px;
}
#page_residence A:HOVER#bt_contact {
	background:url(../img/residence/bt_contact.png) no-repeat top left;
	background-position:0 -34px;	
}	

/* [ PAGE APPPARTEMENTS ]---------------------------------------------------- */

#lien_pdf {
	background:url(../img/appartements/picto_pdf.gif) no-repeat top left;
	color:#E66B2C;
	font-size:14px;
	font-weight:bold;
	padding-left:20px;
}
A:HOVER#lien_pdf {
	text-decoration:underline;
}

#liste_appartements {
	color:#535646;
	font-size:14px;
	font-weight:bold;
	margin-bottom:20px;
}

#liste_appartements LI {
	background:url(../img/appartements/pointilles.gif) repeat-x bottom left;
	padding:10px 0;
}

#liste_appartements LI .bt_accesplan {
	background:url(../img/appartements/bt_accesplan.png) no-repeat top left;	
	display:block;
	height:22px;
	overflow: hidden;
	text-indent:-1000em;		
	width:133px;
	margin: 10px 0 0 0;
}	
#liste_appartements LI A:HOVER.bt_accesplan {
	background:url(../img/appartements/bt_accesplan.png) no-repeat top left;
	background-position:0 -22px;	
}	

#livraison {	
	background:#ADCC0C url(../img/appartements/fond_livraison.png) repeat-x bottom left;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	margin:15px auto 0 auto;
	padding:10px;
	width:200px;
}

/* [ PAGE CONTACT ]---------------------------------------------------- */	

.formulaire TH {
	padding-right:8px;
}

#demande {
	width:440px;
}	

INPUT {
	background:#FFF url(../img/structure/fond_input.png) repeat-x bottom left;
	border:1px solid #E6EBC2;
	color:#535646;
	font-size:12px;
	width:135px;
}	

TEXTAREA {
	background:#FFF url(../img/structure/fond_textarea.png) repeat-x bottom left;
	border:1px solid #E6EBC2;
	color:#535646;
	font-family:arial,verdana,sans-serif;	
	font-size:12px;	
	width:355px;
}	

.need {
	color:#D65611;
}

#bt_envoyer {
	border:0;
	margin-top:10px;
	width:100px;
}

EM#obligatoire {
	color:#D65611;
	font-size:10px;
	font-style:normal;
}

#coordonnees {
	float:right;
	font-size:14px;
	width:320px;
}	

#coordonnees SPAN.color1 {
	color:#9AAF00;
	font-weight:bold;
}
#coordonnees SPAN.color2 {
	color:#E66112;
	font-weight:bold;
}

#coordonnees A {
	color:#904377;
	font-weight:bold;	
	margin:0 0 10px 0;
}
#coordonnees A:HOVER {
	text-decoration:underline;
}	

#coordonnees IMG {
	float:right;
}	

#bas_formulaire #bt_envoyer {
	float:right;
}

.form_error {
	position:relative;
	color:#FFF;
	font-size:10px;
}	
.form_error SPAN {
	background:url(../img/contact/fond_error.png) no-repeat top left;	
	display:block;
	height:20px;
	padding:5px 5px 5px 5px;
	position:absolute;
	top:-5px;
	width:235px;
}

.cadre_info {
	background:#FDAA59 url(../img/contact/fond_cadre_info.png) repeat-x bottom left;	
	border:1px solid #EE8A3A;
	color:#FFF;
	font-family:"Trebuchet MS",arial,verdana,sans-serif;		
	font-size:16px;
	margin:40px 0 10px 0;
	padding:10px;
	text-align:center;
}

#bt_retour_accueil {
	margin:0 0 150px 0;	
}

.MESSAGE {
	background:#FDAA59 url(../img/contact/fond_cadre_info.png) repeat-x bottom left;	
	border:1px solid #EE8A3A;
	color:#FFF;
	font-family:"Trebuchet MS",arial,verdana,sans-serif;		
	font-size:12px;
	margin-bottom:10px;
	padding:10px;
	text-align:center;
}

/* [ PAGE CREDITS ]---------------------------------------------------- */
#logos_credits{
	margin: 25px 0;
	text-align: center;
}

#logos_credits A{
	margin: 0 20px;
}