/* ############################################################################
	NOM DU SITE
	SQLI 2009
############################################################################ */

/* ############################################################################
     RESET CSS
############################################################################ */
/* Normalise les marges et le remplissage */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}

/* Normalise les tailles de polices pour les entetes */
h1, h2, h3, h4, h5, h6 {font-size:100%;}

/* supprime list-style pour les listes */
ol, ul {list-style:none;}

/* Normalise les styles et graisses des fonts : font-style et font-weight sont "normal" */
/*Modification Farida BOUROUMANE 25/09/2009*/
/*adress, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}*/
 adress, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}
/* supprime les bordures dans les tableaux */
table {border-collapse:collapse; border-spacing:0;}

/* supprime les bordures des les elements de fieldsest et img */
fieldset, img {border:0;}

/* aligne le texte a gauche dans caption et th */
caption, th {text-align:left;}

/* supprime les apostrophe double (guillement anglais) autour de q */
q:before, q:after {content:'';}

/* affiche le curseur "main" sur tous les liens */
a {cursor:hand;}


/* ############################################################################
     STRUCTURE
############################################################################ */


/* ############################################################################
     STYLES GENERIQUES
############################################################################ */
body{font-size:12px; font-family:Arial, Geneva, Verdana, Helvetica, sans-serif; color:#4d4d4d; background: #626770 url('../images/bg_body.png') repeat-x 0 0;}
img, fieldset{border:0}

/* TITRES ***************************************************************** */
h1{margin:0 0 10px 0; font-size:24px;}
	h1 strong{}
	h1 span{}
h2{margin:0 0 10px 0; font-size:20px; color:#c2d000;}
	h2 strong{}
	h2 span{}
h3{font-weight:bold; margin:0 0 10px 0; color:#4d4d4d;}
	h3 strong{text-transform:uppercase;}
	h3 span{}
h4{font-weight:bold;}
	h4 strong{text-transform:uppercase;}
	h4 span{}

strong{font-weight:bold;}
p{padding:0 0 0 0;}

/* LISTES ***************************************************************** */
ol, ul{list-style-type:none;}
ul, ol, dl{}
	ul li{}
	ol li{}
dt{font-weight:bold;}
dd{}

/* LIENS ****************************************************************** */
a{text-decoration:none; color:#4d4d4d;font-size: 0.9em;}
a:hover{text-decoration:underline;}

/* FORMULAIRE ************************************************************* */
form{}
fieldset{}
	fieldset ul, fieldset ol{margin:0;}
		fieldset li{}
	fieldset fieldset{}
		fieldset fieldset legend{}
		fieldset fieldset li{}
			fieldset fieldset label{}
		fieldset fieldset input{border:none;}
legend{}
label{}
	label span{}
input, select, textarea{}
input{}
select{}
textarea{}

div{text-align:left;}

/* TABLEAU **************************************************************** */
table{border-collapse:separate; border-spacing:0; margin:0 0 10px 0;}
th{padding:2px 7px;}
td{padding:2px 7px; text-align:center;}
thead th, thead td{background-color:#839F31; color:#c4ce38; font-weight:bold;}
tbody th, tbody td{}

/********** Tree of common styles (ID) for all the templates (page structure) ********/
#main {
	background:  url('../images/bg_gecina.png') no-repeat 0 0;
	width: 1020px;
	border-top:10px solid #9599A0;
	margin: 0 auto;
	height: auto !important;

}
#geci_main{
	width: 967px;
	margin: 0 auto;
	overflow: hidden;
}

#geci_header{
	margin-top :3px;
}
	#header{}
	#geci_mainContent {
		padding: 7px 0 12px 0;
		overflow: hidden;
		height: 1%;
	}
		#menu1{
			float: left;
			width: 202px;
			margin: 0 20px 0 0;
			padding: 0 0 0 0;
		}
		#geci_content{
			background: url('../images/bg_menu1.png') no-repeat 0 0;
			overflow: hidden;
			height: 1%;
			clear: both;
		}
			.geci_left-bloc {
				float: left;
				width: 456px;
				margin-right: 27px;
			}
			.geci_right-bloc {
				float: left;
				width: 483px;
			}
			#geci_context {
				float: left;
				width: 745px;
			}
		
	#geci_footer{ 
		clear: both;
		position: relative;
	}
		#context ul{}
		#context .last{}

/********** Tree of common classes for all the templates ********/
.clear{ clear:both;}
.alert{color:#CC0000;}
.links{}
	.links li{padding:0 5px 0 8px; background:url(../images/li_links.gif) no-repeat 0 5px;}
.advert{border:1px solid #DBDBDB;}
.submitForm{border:none;}
.topPng{}
.bottomPng{}

/******** Tree of specific styles (ID) for each page (group by templates, starting with the homepage) ********/

/* Fil d'ariane *********************************************************** */
.geci_ariane {
	padding: 0 0 9px 0;
	border-bottom: 1px solid #e7e7e7;
	margin: 0 0 8px 0;
	overflow: hidden;
	height: 1%;
}
.geci_ariane p {
	font-size: 0.9em;
	float: left;
}
.geci_ariane span {
	font-size: 0.9em;
	color: #c2d000;
}
.geci_ariane strong{
	font-weight: normal;
	font-size: 0.9em;
}
.geci_ariane_logo {
	float: right;
	display: block;
	background: url('../images/picto_compo_residentiel.gif') no-repeat 100% 0;
	padding: 0 20px 0 0 ;
}
/*.geci_ariane_logo{
	margin-top: -13px;
	float :right;
}
.geci_ariane_logo span {
	float :right;
}
.geci_ariane_logo strong{
	float :right;
}

/* Menu gauche ************************************************************ */
#menu1 ul li a {
	display: block;
	padding: 9px 10px 16px 10px;
	background: url('../images/sep_menu1.png') no-repeat 100% 100%;
	height: 1%;
	font-size: 1em;
	font-weight: bold;
}
#menu1 ul li a span {
	display: block;
	padding: 0 0 0 12px;
	background: url('../images/li_menu1-off.gif') no-repeat 0 3px;
}
#menu1 ul .geci_encours a,
#menu1 ul li a:hover {
	background: url('../images/sep_menu1.png') no-repeat 100% 100%;
	color: #c2d000;
}
#menu1 ul .geci_encours a span,
#menu1 ul li a:hover span {
	background: url('../images/li_menu1-on.gif') no-repeat 0 3px;
}

/*******Lexique	Ajouter Farida BOUROUMANE 27/10/2009**/

.geci_encours_lex a:hover {
	  background: url('../images/sep_menu1.png') no-repeat 100% 100%;
	color: #c2d000;
}
.geci_encours_lex p a:hover span {
	background: url('../images/li_menu1-on.gif') no-repeat 0 3px;
}


/* Etapes hreader ********************************************************* */
.geci_steps {
	background: #ced933 url('../images/bg_steps.png') repeat-x 0 100%;
	padding: 8px 6px 4px 3px;
	margin: 1px 0;
	overflow: hidden;
	clear: both;
	height: 1%;
}
	.geci_steps li {
		float: left;
	}
		.geci_steps li a {
			margin: 0 0 0 -17px;
			display: block;
		}

			.geci_steps li span {
				display: none;
			}
		#geci_step1 a {
			background: url('../images/li_etape-1.png') no-repeat 0 0;
			width: 333px;
			height: 35px;
			margin: 0;
		}
		#geci_step2 a {
			background: url('../images/li_etape-2.png') no-repeat 0 0;
			width: 333px;
			height: 35px;
		}
		#geci_step3 a {
			background: url('../images/li_etape-3.png') no-repeat 0 0;
			width: 323px;
			height: 35px;
		}
		#geci_step1 .geci_step-on,
		#geci_step1 a:hover {
			background: url('../images/li_etape-1-on.png') no-repeat 0 0;
		}
		#geci_step2 .geci_step-on,
		#geci_step2 a:hover {
			background: url('../images/li_etape-2-on.png') no-repeat 0 0;
		}
		#geci_step3 .geci_step-on,
		#geci_step3 a:hover {
			background: url('../images/li_etape-3-on.png') no-repeat 0 0;
		}

/* Grand titre header ***************************************************** */
.geci_title {
	background: #ffffff url('../images/bg_title-header.png') repeat-x 0 0;
	padding: 15px 0 5px 56px;
	border-bottom: 1px solid #e7e7e7;
	
}
		.geci_title h1 span {
			display: none;
		}
	.geci_title h1 {
		background: url('../images/title_eco-quartier.gif') no-repeat 0 0;
		width: 835px;
		height: 24px;
	}

/* Footer ***************************************************************** */
.geci_upper-footer {
	border-bottom: 1px solid #e7e7e7;
	overflow: hidden;
	padding: 0 0 9px 0;
	height: 1%;
	/*margin: 0 0 9px 0;*/
}
	.geci_upper-footer div {
		border-top: 3px solid #c4ce38;
		float: left;
		width: 291px;
		margin: 0 17px 0 0;
		background: #ffffff url('../images/bg_upper-footer.png') repeat-x 0 0;
		padding: 10px 4px 0 16px;
	}
	.geci_upper-footer .geci_last {
		margin: 0 !important;
	}
			.geci_upper-footer h2 span {
				display: none;
			}
		.geci_upper-footer .informez-vous {
			background: url('../images/title_informez-vous.gif') no-repeat 0 0;
			width: 90px;
			height: 15px;
			margin: 0 auto;
		}
		.geci_upper-footer .participez {
			background: url('../images/title_participez.gif') no-repeat 0 0;
			width: 62px;
			height: 15px;
			margin: 0 auto;
		}
		.geci_upper-footer .echangez {
			background: url('../images/title_echangez.gif') no-repeat 0 0;
			width: 173px;
			height: 15px;
			margin: 0 auto;
		}
		.geci_upper-footer ul li {
			background: url('../images/li_footer.gif') no-repeat 0 4px;
			padding: 0 0 0 10px;
		}
.geci_lower-footer {
	clear: both;
}

.espacement{
	height:15px;
}
	.geci_lower-footer ul {
		float: left;
		margin-top: 20px;
	}
		.geci_lower-footer ul li {
			display: inline;
			margin: 0 8px 0 0;
			padding: 0 10px 0 0;
			background: url('../images/sep_footer.png') no-repeat 100% 3px;
		}
		.geci_lower-footer ul .geci_last {background: none;}
	.geci_lower-footer div {
		float: right;
	}

/* Home ******************************************************************* */
.geci_left-bloc img {
	float: left;
	margin-right: 24px;
}
.geci_left-bloc p {
	margin-top: 10px;
}
.geci_left-bloc .geci_signature {
	text-align: right;
	margin-top: 3px;
	font-weight: bold;
}
.geci_right-bloc .geci_upper-right {
	background: #ffffff url('../images/bg_right-bloc.png') repeat-y 0 0;
	padding: 18px 5px 22px 20px;
	font-style: italic;
	margin-bottom: 3px;
	float: left;
	width: 455px;
}
	.geci_right-bloc .geci_upper-right h2 {
		font-size: 1.2em;
		color:#4d4d4d;
	}

/* Page interne I ********************************************************* */
#geci_context h2 {
	font-size: 2em;
	margin: 0;
}
#geci_context .geci_innerContext {
	overflow: hidden;
	height: 1%;
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 30px;
	padding-bottom: 10px;
}
	#geci_context .geci_innerContext h3 {
		font-size: 1.2em;
		clear: both;
		margin: 0;
		padding-bottom: 20px;
	}
	#geci_context .geci_innerContext div {
		float: left;
		width: 361px;
		margin: 0 22px 0 0;
		position: relative;
	}
	#geci_context .geci_innerContext .geci_without {margin: 0;}
		#geci_context .geci_innerContext .geci_view {
			padding: 5px 6px 5px 0;
			background: url('../images/bg_view.png') repeat 0 0;
			position: absolute;
			left: 0;
			width: 355px;
			top: 185px;
			height: 15px;
		}
		#geci_context .geci_innerContext .geci_plan {
			float: left;
			width: 174px;
			padding: 5px 0 5px 6px;
			background: url('../images/bg_view.png') repeat 0 0;
			position: absolute;
			left: 0;
			top: 184px;
		}
		#geci_context .geci_innerContext .geci_view2 {
			float: right;
			width: 174px;
			padding: 5px 6px 5px 0;
			background: url('../images/bg_view.png') repeat 0 0;
			position: absolute;
			right: 0;
			_right: -1px;
			top: 184px;
		}
			#geci_context .geci_innerContext .geci_view li a,
			#geci_context .geci_innerContext .geci_view2 li a,
			#geci_context .geci_innerContext .geci_plan li a {
				color: white;
				font-weight: bold;
				font-size: 1em;
				display: block;
				_display: inline;
				background: url('../images/li_view.png') no-repeat 100% 0;
				padding: 0 20px 0 0;
				float: right;
			}
			#geci_context .geci_innerContext .geci_plan li a {
				background: url('../images/li_plan.png') no-repeat 0 0;
				padding: 0 0 0 20px;
				float: left;
			}
		#geci_context .geci_innerContext .infos-cart {
			margin: 8px 0 0 0;
		}
			#geci_context .geci_innerContext .infos-cart li {
				background: url('../images/li_infos.gif') no-repeat 0 3px;
				padding: 0 0 0 19px;
				height: 1%;
			}
		.geci_table-infos {
			margin: 8px 0 10px 0;
			width: 361px;
		}
			.geci_table-infos thead th {
				background: url('../images/bg_thead.png') repeat-x 0 100%;
				padding: 3px 8px;
				font-size: 1em;
				border-bottom: 1px solid white;
			}
				.geci_table-infos thead th span {
					background: url('../images/picto_th.gif') no-repeat 0 0;
					padding: 0 0 0 15px;
					display: block;
				}
			.geci_table-infos td {
				padding: 2px 0;
				font-size: 0.9em;
			}
			.geci_table-infos .with_border {
				border-right: 1px solid white;
			}
			.geci_table-infos .geci_fonce td {
				background: #e9eaea;
			}
			.geci_table-infos .geci_clair td {
				background: #f9fafa;
			}
			.geci_table-infos .td_left {
				text-align: left;
				padding-left: 23px;
			}
			.geci_table-infos .td_right {
				text-align: right;
				padding-right: 12px;
				color: #a6af22;
				font-weight: bold;
			}
		.geci_link-savoir {
			padding: 6px 5px 5px 7px;
			width: 94px;
			background: #c2d000;
			float: right;
		}
			.geci_link-savoir a {
				display: block;
				background: url('../images/picto_white.gif') no-repeat 0 3px;
				padding: 0 0 0 10px;
				font-weight: bold;
				color: white;
				font-size: 1em;
			}
/* Page interne II ******************************************************** */
.highlightPages {
	margin: 20px 0 0 0;
	overflow: hidden;
	height: 1%;
}
	.highlightPages h3 {
		font-size: 1.2em;
		border-bottom: 1px solid #e7e7e7;
		padding: 0 0 10px 0;
	}
	.highlightPages p {
		margin-bottom: 10px;
	}
/* Découvrez le groupe Gecina */
	.geci_logo {
		margin: 10px 0 0 0;
	}
	.highlightPages .geci_list-content li {
		background: url('../images/li_infos-steps.gif') no-repeat 0 3px;
		padding: 0 0 0 19px;
		margin: 0 0 10px 0;
	}
/* Un Éco Quartier avec qui ? */
	.highlightPages .geci_schema {
		margin: 10px 0 0 0;
		text-align: center;
	}
/* Un Éco Quartier c'est quoi ? */
		.geci_philosophie h4 {
			font-size: 1.5em;
			padding: 0 0 10px 0;
			color: #c2d000;
		}
			.geci_philosophie h5 {
				font-size: 1.2em;
				padding: 0 0 10px 0;
			}
		.geci_philosophie li {
			float: left;
			width: 361px;
			margin: 0 22px 0 0;
			background: none !important;
			padding: 0;
		}
		.geci_philosophie .geci_without {margin: 0;}
			.geci_philosophie li ul li {
				float: none;
				width: auto;
				background: url('../images/li_infos-steps.gif') no-repeat 0 3px !important;
				padding: 0 0 0 19px;
				margin: 0 0 10px 0;
			}
/* Etapes du projet */
	.geci_steps2 {
		overflow: hidden;
		height: 1%;
		border-top: 1px solid #e7e7e7;
		padding-top: 40px;
	}
		.geci_steps2 li {
			float: left;
			margin: 0 0 0 -33px;
		}
			.geci_steps2 li ul li {
				float: none;
				margin: 0;
			}
			.geci_steps2 #geci_step2-1 {
				background: url('../images/li_etape-2-1.png') no-repeat 0 0;
				margin: 0;
				width: 220px;
				height: 175px;
				padding: 9px 39px 5px 11px;
			}
			.geci_steps2 #geci_step2-2 {
				background: url('../images/li_etape-2-2.png') no-repeat 0 0;
				width: 204px;
				height: 175px;
				padding: 9px 39px 5px 27px;
			}
			.geci_steps2 #geci_step2-3 {
				background: url('../images/li_etape-2-2.png') no-repeat 0 0;
				width: 204px;
				height: 175px;
				padding: 9px 39px 5px 27px;
			}
	.geci_steps2 h3 {
		font-size: 1.2em;
		border-bottom: none;
		padding: 0 0 0 0;
		text-transform: uppercase;
		color: #7a8186;
		margin: 0 0 0 0;
	}
		.geci_steps2 h4 {
			font-size: 1.5em;
			padding: 0 0 20px 20px;
			text-transform: uppercase;
			color: #c2d000;
		}
			.geci_steps2 li ul {
				padding: 0 0 0 21px;
			}
				.geci_steps2 li ul li {
					background: url('../images/li_infos-steps.gif') no-repeat 0 3px;
					padding: 0 0 0 19px;
					margin: 0 0 10px 0;
				}
	.link-consultation {
		clear: both;
		background: url('../images/bg_link-consultation.png') no-repeat 0 0;
		margin: 6px 0 30px 0;
		text-align: center;
		padding: 8px 0 8px 0;
	}
		.link-consultation a {
			font-size: 1.5em;
			text-transform: uppercase;
			color: white;
			font-weight: bold;
		}

/* Vos interlocuteurs */
	.vos-interlocuteurs h4 {
		margin-bottom: 10px;
	}
	/*Modification Farida BOUROUMANE 28/09/2009*/
		/*.vos-interlocuteurs p span {
			font-size: 15px;
			font-weight: bold;
		} */
		.vos-interlocuteurs p a {
			font-size: 1em;
			text-decoration: underline;
		}
			.vos-interlocuteurs p a:hover {
				text-decoration: none;
			}
/* Contactez-nous */
#geci_form-inscription h3 {
	margin-bottom: 0;
}
.geci_none {display: none;}
.geci_titre-form-inscription {
	overflow: hidden;
	height: 1%;
	padding: 3px 0;
	margin:10px 0 0 0;
	clear: both;
}
.geci_titre-form-inscription h3 {
	font-size: 1.2em;
	float: left;
}
.geci_titre-form-inscription p {
	color: #4D4D4D;
	font-size: 0.8em;
	float: right;
	margin: 3px 0 0 0;
}
.geci_bloc-form-inscription {
	border-top: 3px solid #c2d000;
	background: url('../images/bg_upper-footer.png') repeat-x 0 0 ;
	padding: 20px 0 12px 20px;
	overflow: hidden;
	height: 1%;
	margin: 0 0 10px 0;
}

.geci_bloc-form-inscription_res {
	border-top: 3px solid #c2d000;
	background: url('../images/bg_upper-footer.png') repeat-x 0 0 ;
	padding: 20px 0 12px 20px;
	overflow: hidden;
	height: 150px;
	margin: 0 0 10px 0;
}

.geci_div-champs-inscription {
	padding:0 0 10px 0;
	clear: both;
}
	.geci_div-champs-inscription label {
		display:block;
		/*font-weight: bold;*/
		padding: 0 10px 3px 0;
		float: left;
		width: 220px;
		text-align: right;
	}
		.geci_div-champs-inscription span {color: red;}
	.geci_div-champs-inscription input {
		margin:0 0 0 0;
		width: 322px;
		border: 1px solid #ADADAD;
		padding: 2px;
	}
	.geci_div-champs-inscription select {
		width: 150px;
		border: 1px solid #ADADAD;
	}
	.geci_div-champs-inscription textarea {
		width: 322px;
		border: 1px solid #ADADAD;
		padding: 2px;
	}
	.geci_send {
		text-align: center;
	}
		.geci_send input{
			border: none;
			background: #c2d000;
			color: white;
			font-weight: bold;
			padding: 5px;
			cursor: pointer;
		}
	/*.geci_div-champs-questions label {width: auto;}*/
	.geci_div-champs-questions input {
		width: auto;
		border:0;
		float:left;
	}
	.geci_div-champs-questions .geci_label-inline {
		display: inline;
		font-weight: normal;
		float:left;
		margin: 0 13px 0 3px;
		width: 50px;
		text-align: left;
	}
	
	.geci_div-champs-questions .geci_label-inline-big {
		display: inline;
		font-weight: normal;
		float:left;
		margin: 0 13px 0 3px;
		width: 312px;
		text-align: left;
	}
	#bloc_inscription_oui,
	#bloc_inscription_non {
		height:50px;
	}

	

	  


	/* ajout par Farida bouroumane 11/09/2009 */

	.gecina_texte-alerte-red {
	color: red;
	font-weight: bold;
	padding: 6px 0 5px 0;

}

.vos-interlocuteurs-span {
			font-size: 15px;
			font-weight: bold;
		}
  /*Modification Farida BOUROUMANE RTE 13/10/2009*/
.align-center {
	text-align: center;
}
.align-justify {
	text-align: justify;
}
.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}