/* TABLE DES MATI?RES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Pieds de page
	- Textes
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */

@font-face {
    font-family: 'DINProMedium';
    src: url('inc/font/dinpro-medium-webfont.eot');
    src: url('inc/font/dinpro-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/font/dinpro-medium-webfont.woff') format('woff'),
         url('inc/font/dinpro-medium-webfont.ttf') format('truetype'),
         url('inc/font/dinpro-medium-webfont.svg#DINProMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINProBold';
    src: url('inc/font/dinpro-bold-webfont.eot');
    src: url('inc/font/dinpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/font/dinpro-bold-webfont.woff') format('woff'),
         url('inc/font/dinpro-bold-webfont.ttf') format('truetype'),
         url('inc/font/dinpro-bold-webfont.svg#DINProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINSchriftLTMittelschriftLT';
    src: url('inc/font/dinmittelschriftlt-webfont.eot');
    src: url('inc/font/dinmittelschriftlt-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/font/dinmittelschriftlt-webfont.woff') format('woff'),
         url('inc/font/dinmittelschriftlt-webfont.ttf') format('truetype'),
         url('inc/font/dinmittelschriftlt-webfont.svg#DINSchriftLTMittelschriftLT') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {background:#FFF; margin:0; padding:0; font-size:11px; line-height:140%; color:#252525; text-align:left;}
body {behavior:url("inc/csshover.htc");}
html{font-family: Verdana, Tahoma, Arial;}

h1, h2, p, form, div, ul, li, a, img{ margin:0; padding:0; border:0;}
h1, .h1{ font-family: 'DINSchriftLTMittelschriftLT', Tahoma; font-size: 20px; color: #fff; font-weight: normal; line-height: 50px; text-align: left; text-transform: uppercase; }
h1 em{/*font-weight: normal;*/ font-style: normal; font-size: 17px;}
h2{font-size: 13px; color: #000; font-weight: bold; margin:0 0 15px 0; text-align: left;}
h2 em{font-weight: normal; font-style: normal; font-size: 14px;}
h2 a, h2 a:link, h2 a:visited{color:#3A6E8F;text-decoration:none;}
h3{font-size: 14px; color: #fff; text-align: left; padding: 2px 0 2px 0; margin:0 0 2px 0;}
h3 a, h3 a:link, h3 a:visited{color:#3A6E8F;text-decoration:none;}
h3 a:hover, h3 a:visited:hover{text-decoration:underline;}
h4{font-size: 14px; color: #fff; text-align: left; padding: 2px 0 2px 0; margin:0 0 2px 0;}

.both{clear:both;}
.left{float:left;}
.right{float:right; }
.relativePage { position:relative; z-index:101; }

SUP { font-size: 0.7em; line-height: normal; vertical-align: text-top; }


.textePetit { font-size: 10px; }

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto;
	width:980px;
}
#hautPage{
	width:980px;
	margin: 0 auto;
}
#hautPage img{float:left; margin:15px 10px;}
#contenu{
	float: left;
	height: auto !important;
	/*height: 1000px;
	min-height: 1000px;*/
	width: 980px;
	padding: 0px;
	position: relative;
}
#contenuPage{
	width:932px;
	margin: 0 auto 0 auto;
	text-align: left;
}
#page {	
	height: auto !important;
	/*height: 450px;
	min-height: 450px;*/
	width: 750px; 
}

#imgPrincipale{ background-color: #fff; width:980px; height:500px; position:relative; padding: 0px; margin: 0px; z-index: 100; }
#collierSep{width:965px; height: 50px; clear:both; background:#910427; margin-bottom:20px; overflow: hidden; padding: 0px 0 0 15px; position:relative; z-index:120; }

.bandeDroite{
	width:220px;
	position:absolute;
	right:0;
	background:#910427;
	opacity:0.4; filter:alpha(opacity=40);
}
	#contenu .bandeDroite{height:500px; z-index:100;}


.boiteBasPage{
	color:#FFF;
	font-size:10px;
	padding:14px 18px;float:left;text-align:left;
	display: block;
}
.boiteBasPage a, .boiteBasPage a:hover, .boiteBasPage a:hover:visited{
	color:#FFF;
}

#slogan{
	display:block;
	position:absolute;
	color:#fff;
	float:left;
	margin:0; padding:0;
	height:10px;
	left:247px; top:37px;
	font-size:14px;
	font-weight:bold;
}

#promo{
	display:block;
	float:right;
	width:212px;
	height:180px;
	margin:0;
	padding:0;
	color:#7f1419;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
}

/*Example CSS for the two demo tickers*/
#domticker{width:200px; height:40px; float:left;}
#domticker div{/*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/ /*background-color: #FFFFCA;*/}
#domticker a{font-weight: bold;}
.monTicker{font-size: 12px;}


#texteAccueil{
	 width:750px;
	 clear:both;
}

#photoAccueil{width:980px; height:500px; padding: 0px;}

.boiteBasPage{
	background:url(gx/M/boiteBasPage_fond.gif) no-repeat;
	float:left;
	width:235px;height:100px;
	margin-right:3px;
	
}

.boiteBasPage a, .boiteBasPage a:visited, .boiteBasPage a:link{text-decoration:none;}



/******************* MENU PRINCIPAL ***************/
#menu{ float:right; margin: 50px 0 0; padding:0; }
#menu li{ 
	border-right: 1px dotted #000;
	color: #4C4C4C;
	display:block;
	float:left;
	font-family: Tahoma;
	font-size:14px;
	list-style-type:none;
	margin:0;    
	padding: 0 10px;
	position:relative; 
	z-index:999;
}
#menu .dernier { border: none; padding-right: 0px; }

#menu li A, #menu li A:link, #menu li A:visited, #menu li A:active {
	color: #4C4C4C;
	text-decoration: none;
}

/* Menu deroulant */
#menu li ul{	
	background:#E6E6E6;
	box-shadow: -4px 3px 5px rgba(0,0,0,.3);
	display:none;
	padding:0;
	position:absolute;
	top:15px;
	left:0px;	
}
#menu .dernier ul{ right: 0px; left: auto; }
#menu li:hover ul, #menu li.hover ul{display:block; }

#menu li ul li {
	clear: both;
	border: none;
	display: block;
	padding: 0px;
	white-space: nowrap;
}

#menu ul a, #menu ul a:link, #menu ul a:visited{
	color:#4C4C4C;
	font-family: Tahoma;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	display:block;
	padding: 5px 10px;
	text-align:left;
	height:auto;
}
#menu ul a:hover, #menu ul a:visited:hover{ }


/* ENGIN DE RECHERCHE */

#recherche {
	border-top: 1px solid #E5E5E5;
	clear: both;
	height: 48px;	
	padding: 0px;
	width: 980px;
}
#recherche LI {
	display: block;
	float: left;
	list-style: none;
}
#recherche LI A, #recherche LI A:link, #recherche LI A:visited, #recherche LI A:active {
	background: url(gx/M/i_fleche.gif) no-repeat 95% 50%;
	color: #000;
	display: block;
	float: left;
	font-family: 'DINProMedium', Tahoma;
	font-size: 16px;
	font-weight: normal;
	line-height: 48px;
	margin: 0px;
	padding: 0px 45px;
	text-decoration: none;
	text-transform: uppercase;
}
#recherche LI A:hover, #recherche LI A.actif {
	background: url(gx/M/i_fleche_over.gif) no-repeat 95% 50%;
	color: #9C1921;
}

.RechercherLivrRapide, .RechercherCondo {
	background-color:#9b2229;
	padding:20px 20px 20px 40px;
	width:920px;
	height:70px;
	position:absolute;
	top: 0px; left: 0px;
	z-index: 1;
}
.RechercherCondo { background: url(gx/M/triangle.gif) no-repeat 140px 0px; }
.RechercherLivrRapide { background: url(gx/M/triangle.gif) no-repeat 400px 0px; }

/* SelectBox plugin dans recherche */
span.customStyleSelectBox { font-size:12px; background-color: #fff; color:#000; padding:2px 0px 2px 10px; border:1px solid #e7dab0; margin-right:25px; /*-moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px 5px; */}
span.customStyleSelectBox.changed { background-color: #fff; }
.customStyleSelectBoxInner { background:url(gx/M/dropdown.png) no-repeat center right; }



/* fil d'ariane */

#filAriane{font-weight:bold;font-size:11px;color: #6e6e6e;padding:20px 0 0 22px;}

#filAriane a, #filAriane a:link, #filAriane a:visited{
	color: #6e6e6e;
	text-decoration:none;	
}

#filAriane a:hover, #filAriane a:visited:hover{
	text-decoration:underline;
}

#filAriane span.filCourant{color:#c0333a;}


/* AUX FIL DES ANS
--------------------------------------------------------------------------------------- */

#filAns .annee {
	background: #033f70;
	color: #fff;
	float: left;
	font-family: helvetica;
	font-size: 30px;
	font-weight: bold;
	margin: 5px 0px;
	padding: 15px 0px;
	text-align: center;
	width: 95px;
}
#filAns .texte {
	background: #f3f3f3;
	border: 1px solid #033f70;
	float: right;
	margin: 5px 0px;
	min-height: 45px;
	padding: 5px;
	position: relative;
	width: 625px;
}


#filAns .fleche {
	background: url(gx/01/fleche.gif) no-repeat;
	display: block;
	height: 20px;
	position: absolute;	
	left: -12px;
	top: 10px;
	width: 12px;
}

#filAns LI {
	color: #033f70;
	clear: both;
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 15px 0px;
}
#filAns P {
	color: #033f70;
	font-size: 11px;
}
#filAns .photo {
	border: 1px solid #033f70;
	float: right;
	margin-bottom: 5px;
	overflow: hidden;
	width: 66px;
}

/* RÉALISATION
--------------------------------------------------------------------------------------- */

#annee {
	color: rgba(255, 255, 255, 0.5) !important;
	color: #fff;
	filter : alpha(opacity=50)
	display: block;
	font-family: 'DINProBold';
	font-size: 115px;
	line-height: 115px;
	position: absolute;
	top: -20px; left: -7px;
	z-index: 120;
}

	#slidesNumero { position:absolute;text-align:center; bottom:15px; left:0; width:980px; z-index:3; }
	#slidesNumero a { font-family:Arial; color:#b9b9b9; font-size:18px; text-decoration:none; margin:2px; line-height:37px; display:inline-block; border-style:solid; border-width:1px; }
	#slidesNumero span { background:#fff; display:block; width:37px; height:37px; }
	
	#sliderA { overflow:hidden; }
	#sliderA h1 {float:left; width:226px;}
	#sliderA ul { list-style:none; margin:0; padding:0; color:#b9b9b9; font-size:18px; font-family: 'DINProMedium';  }
	#sliderA li { width:65px; cursor:default; dispaly:block; float:left; line-height:51px; }
	#sliderA li a, #sliderA  li a:visited { display:block; text-decoration:none; color:#b9b9b9; }
	#sliderA li a:hover i, #sliderA  li a:visited:hover i, #sliderA  li a.actif i { color:#fff; text-decoration:none; }
	#sliderA li a.actif i { font-weight:bold; }
	#sliderA i { font-style:normal; padding:0 10px; }
	
	#sliderA .sliderContainer { overflow:hidden; position:relative; float:right; height:50px; width:723px;}
	#sliderA .sliderContent { position:absolute; overflow:hidden; width:723px; height:50px; left:0; top:0; }
	
	#sliderA .jcarousel-clip { left:35px; width:653px; overflow:hidden; }
	#sliderA .jcarousel-prev, #sliderA .jcarousel-next { cursor:pointer; position:absolute; display:block; width:35px; height:50px; top:0; }
	#sliderA .jcarousel-prev, #sliderA .slider_arrow_back { left:0; background-image:url(Gx/fleche-slider-g.png); }
	#sliderA .jcarousel-next, #sliderA .slider_arrow_next { right:0; background-image:url(Gx/fleche-slider-d.png); }
	
	.pageRealisation { font-family:Tahoma,Verdana,Arial; }
	.pageRealisation h2 { color:#000; margin-bottom:1.5em; font-size:18px; font-family:Tahoma,Verdana,Arial; font-weight:normal; }
	.pageRealisation p strong { font-size:13px; }

/* PARTENAIRES
--------------------------------------------------------------------------------------- */

.partenaire {
	border: 1px solid #A2A2A2;
	box-shadow: 0px 0px 3px 3px #999;
	float: left;
	height: 130px;
	margin: 5px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	width: 238px;
}

/* NOTRE ENGAGEMENT SOCIAL
--------------------------------------------------------------------------------------- */

.commandite {
	background: url(gx/00/bg_commandites.jpg) no-repeat;
	display: block;
	float: left;
	height: 100px;
	margin: 35px;
	padding: 6px 6px 10px 10px;
	overflow: hidden;
	text-align: center;
	width: 155px;
}
.commandite .logo {
	height: 100px;
	width: 155px;
}


/* FINANCEMENT
--------------------------------------------------------------------------------------- */

.boite-calcul {
	float: right;
	margin-left: 30px;
	width: 343px;
}

#form-calcul {
	border: 1px solid #0096ff;
	margin-bottom: 30px;
	padding: 20px;
	width: 300px;
}
#form-calcul H2 {
	color: #811716;
	font-size: 16px;
}
#form-calcul P { font-size: 11px; }

/* CENTRE DU DESIGN
--------------------------------------------------------------------------------------- */

#logo-design { margin: 20px; text-align: center; }

/* TÉMOIGNAGES
--------------------------------------------------------------------------------------- */

#liste-temoignages {
	margin: 0px;
	padding: 0px;
}
#liste-temoignages LI {
	border-bottom: 1px solid #152244;
	list-style: none;
	padding: 30px 0px;
}
#liste-temoignages .noms { 
	color: #000;
	float: right; 
	text-decoration: none;	
}

/* NOUS CONTACTER
--------------------------------------------------------------------------------------- */

#colGauche2 { 
	float: left;
	min-height: 420px;
	width: 370px;
}
#colDroite2 {
	float: right;
	width: 370px;
}
#colGauche2 H2, #colDroite2 H2 {
	color: #3a6e8f;
	cursor: pointer;
	font-family: helvetica;
	font-size: 16px;
	font-weight: bold;
}
#colGauche2 H2.titre { cursor: default; font-size: 21px; }

/* PROJETS
--------------------------------------------------------------------------------------- */

#CarteFlash{float:left;width:490px;margin-bottom:5px;overflow:hidden; z-index:0; position:relative;}

#blocInfoProjet{ font-family: Tahoma; float:left; padding:0 20px; width:200px; }
#blocInfoProjet a{ color: #000; }

#blocHeures {
	font-family: Tahoma;
	float: left;
	width: 300px;
}

#imageProjet{max-width:400px; float:right;}
#blocInfoProjet h4, #blocHeures H4, .blocInfolettre h4 { color:#000; font-size: 12px; margin: 0px; }

#blocInfoProjet P, #blocHeures P {
	font-size: 12px;
	line-height: 14px;
}
 
.blocInfolettre{width:190px; float:left;}
.blocInfolettre fieldset label{float:none;}

.projetBlockLeft{width:740px; float:left;}

.resultCol{width:745px;}
#logoProjet { 
	height: 140px;
	width: 178px;
	position:absolute; 
	top:110px; right:20px; 
	z-index: 200; 
}

/*
 * MODULE DE DEMANDE
 */ 
#moduleDemande{width:740px; float:left; position:relative; margin:20px 0 40px;}

/* Onglet du haut*/
#moduleDemande #ongletHaut{width:400px; height:58px; float:left; background:#9ab2c6;}
#moduleDemande #ongletHaut .info, #moduleDemande #ongletHaut .rdv{
	width:179px;
	height:30px;
	float:left;
	background:#eae9e9;
	color:#888787;
	padding:10px;
	cursor:pointer;
	border-bottom:2px solid #fff;
}

.rdv{border-right:1px solid #fff;}
.info{border-left:1px solid #fff;}
#moduleDemande #ongletHaut .info.actif, #moduleDemande #ongletHaut .rdv.actif{background:#9ab2c6; border-bottom:2px solid #9ab2c6;}
#moduleDemande #ongletHaut .info:hover, #moduleDemande #ongletHaut .rdv:hover{background:#f6f6f6;}

#moduleDemande #ongletHaut .info p, #moduleDemande #ongletHaut .rdv p{font-size:14px; line-height:14px; text-transform:uppercase;}
#moduleDemande #ongletHaut .info.actif p, #moduleDemande #ongletHaut .rdv.actif p{color:#fff;}

#moduleDemande  div.both .info, #moduleDemande  div.both .rdv{width:369px; background:url(Gx/bg_recherche.jpg) repeat-y top left; border-radius:0 5px 5px 0; padding:15px; display:none;}


/* Formulaire */
form.info input[type=checkbox]{float:left;}
form.info label, form.rdv label{width:190px; margin-bottom:15px;}

#formulaireConnexion label{width:150px; float:left;}

.formBox{clear:both; height:500px; float:left; margin-top:10px;}

/*
 * /FIN DU MODULE DE DEMANDE/
 */ 


 
/*
 * MODULE DE RECHERCHE PROJET
 */ 
#moduleRecherche{width:740px; height:500px; float:left; position:relative; margin:20px 0 200px;}

/* Onglet du haut*/
#moduleRecherche #ongletHaut{width:242px; height:48px; float:left; background:#9ab2c6;}
#ongletHaut .parVille, #ongletHaut .parProjet{
	width:100px;
	height:20px;
	float:left;
	background:#eae9e9;
	color:#888787;
	padding:10px;
	cursor:pointer;
	border-bottom:2px solid #fff;
}
.parVille{border-right:1px solid #fff;}
.parProjet{border-left:1px solid #fff;}
#ongletHaut .parVille.actif, #ongletHaut .parProjet.actif{background:#9ab2c6; border-bottom:2px solid #9ab2c6;}
#ongletHaut .parVille:hover, #ongletHaut .parProjet:hover{background:#f6f6f6;}

#ongletHaut .parVille p, #ongletHaut .parProjet p{font-size:14px; line-height:14px; text-transform:uppercase;}
#ongletHaut .parVille.actif p, #ongletHaut .parProjet.actif p{color:#fff;}

/* Onglet de gauche*/
#ongletGauche{width:240px; float:left; clear:left;}
#ongletGauche .parVille, #ongletGauche .parProjet{
	background:#f8f8f8;
	border:1px solid #eae9e9;
	border-top:none;
	border-bottom:4px solid #9ab2c6;
	margin:0;
	padding:8px 17px 17px;
	display:none;
}

#ongletGauche ul li{
	width:212px;
	background:#fcfcfc;
	border-top:1px solid #d9d9d9;
	list-style:none;
	padding:20px 0 0;
	cursor:pointer;
}
#ongletGauche ul li h4{font-size:16px; color:#000; text-transform:uppercase; margin:0; padding:0;}
#ongletGauche ul li p{font-size:11px; color:#000; margin:0 0 10px; padding:0;}

#ongletGauche ul li.actif{background:#fff;}
#ongletGauche ul li.actif h4{color:#033f70; margin-left:20px;}
#ongletGauche ul li.actif p{color:#033f70; margin-left:20px;}


/* Formulaire */
#moduleRecherche form{position:absolute; top:55px; left:240px; float:left; margin:0 0 0 1px;}
#moduleRecherche form fieldset{min-width:220px; min-height:100px; background:#fff; border:1px solid #dfdfdf; padding:10px 20px; display:none; background:url(Gx/bg_recherche.jpg) repeat-y top left; border-radius:0 5px 5px 0;}
#moduleRecherche form fieldset input[type=checkbox]{float:left; margin:0 4px 0 0;}
#moduleRecherche form fieldset label{width:110px; float:left; margin-bottom:10px; color:#252525;}
#moduleRecherche form fieldset.prix label{width:150px; float:left; margin-bottom:10px; color:#252525;}
#moduleRecherche form fieldset label.selectAll{width:90%;}
#moduleRecherche form fieldset p.selectAll{width:100%; float:none; cursor:pointer; clear:both;}

#moduleRecherche form fieldset table{clear:both; borde-spacing:0; border-collapse: collapse;}
#moduleRecherche form fieldset table tr td{width:150px; vertical-align:top;}
#moduleRecherche form fieldset.prix table tr td{width:200px; vertical-align:top;}
#moduleRecherche form fieldset table tr td{padding:0;}

.btnValider{margin:15px 0; clear:both;}
.btnValider hr{color:#d9d9d9;}
.btnValider div{width:99px; height:24px; float:right; background:#9ab2c6; border-radius:5px; padding-top:5px; cursor:pointer; opacity:0.4; filter:alpha(opacity=40);}
.btnValider div p{text-tranform:uppercase; font-size:14px; color:#fff; text-align:center;}

/* Class general */
.futurProjet{position:absolute; top:0; right:0; padding:10px; background:#9ab2c6; color:#fff; font-size:15px; text-transform:uppercase; text-decoration:none; border-radius:5px; opacity:0.4; filter:alpha(opacity=40);}
.futurProjet img{padding-left:40px;} 
#ongletGauche ul li.rechercher{width:212px; height:53px; overflow:none; padding:15px 0 0; border-top:1px solid #D9D9D9;}
#ongletGauche ul li.rechercher div{width:212px; height:53px; background:url(Gx/bg_rechercher.png) repeat-x top left;}
#ongletGauche ul li.rechercher div:hover{width:212px; height:53px; background:url(Gx/bg_rechercher.png) repeat-x bottom left;}
#ongletGauche ul li.rechercher div a{font-size:15px; color:#fff; text-transform:uppercase; text-decoration:none; position:relative; padding:10px 30px; display:block;}
#ongletGauche ul li.rechercher div img{position:absolute; top:20px; right:20px;}

/*
 * /FIN DUMODULE DE RECHERCHE PROJET/
 */ 
 
 
/*
 * /FIN DUMODULE DE RECHERCHE PROJET/
 */ 
#map{height:500px; float:left; clear:both;}
 

/* 04_100 : NOS PROJETS ACTUELS
----------------------------------------------------------------------------------- */

.titreArrondissement {
	background: url(gx/04/bg_arrondissement.gif) repeat-x;
	clear: both;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 26px;
	margin: 0px;
	padding: 0px 10px;
}

#liste-arrondissement {
	margin-bottom: 40px;
	padding: 0px;
	text-align: center;
	width: 750px;
}
#liste-arrondissement LI {
	display: inline;
	list-style: none;
	margin: 0px;
}
#liste-arrondissement A, #liste-arrondissement A:link, #liste-arrondissement A:visited, #liste-arrondissement A:active {
	font-size: 11px;
	padding-right: 3px;
}

.liste-projets {
	border-bottom: 1px solid #929292;
	margin-bottom: 10px;
	padding: 5px 0px;
}
.liste-projets LI, .liste-projets DT {
	background-image: url(gx/04/degrade.png) !important;
	background-image: none;
	background-repeat: repeat-y;	
	border: 1px solid #d7d7d7;
	clear: both;	
	display: block;	
	list-style: none;
	height: 130px;
	overflow: hidden;
	margin: 5px 0px;
	padding: 0px;
}

.liste-projets .logo {
	float: left;
	height: 130px;
	margin: 0px 15px;
	overflow: hidden;
	width: 125px;
}
.liste-projets .logo A {
	display: table-cell;
	height: 130px;
	vertical-align: middle;
	width: 125px;
}
.liste-projets .logo IMG {	width: 125px; }

.liste-projets .photo {
	float: left;
	margin-right: 20px;
	width: 200px;
}
.liste-projets .texte {
	float: left;
	padding: 10px 0px;
	width: 370px;
}
.liste-projets .texte H3 {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}
.liste-projets .texte A, .liste-projets .texte A:link, .liste-projets .texte A:visited, .liste-projets .texte A:active { color: #000; }
.liste-projets .texte A:hover { color: #333; text-decoration: none; }

.liste-carateristique {
	float: left;
	margin: 0px 30px 30px 0px;
	padding: 0px;
}
.liste-carateristique LI {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

/* 04_130 : LISTES DES PLANS D'UNITÉS
----------------------------------------------------------------------------------- */

.liste-plans DT {
	background: url(gx/04/bg_listePlans.jpg) repeat-x center center !important;
	border: none;
	box-shadow: -2px 3px 2px #CECECE;
	font-family: 'DINProMedium';
	font-size: 36px;
	font-weight: bold;
	height: 116px;	
	line-height: 116px;
	margin-bottom: 15px;
	padding: 0px 20px;
	text-transform: uppercase;
}

.liste-plans .inactive {
	font-size: 16px;
	line-height: 45px;
}

/* 04_135 : PLAN D'UNITÉ
---------------------------------------------------------------------------------- */

#colGauche {
	float: left;
	width: 750px;
}
#colDroite {
	float: right;
	font-family: HelveticaNeueLT Std Med, Helvetica;
	padding: 10px;
	position: relative;
	width: 200px;
	z-index: 200;
}

#plan {
	border: 1px solid #DAD7D2;
	margin: 0px auto;
	padding: 5px;
	overflow: hidden;
	width: 735px;
}

#colDroite H2 STRONG {
	font-size: 24px;
	font-weight: normal;
}
#colDroite #prix {
	font-size: 14px;
	text-transform: uppercase;
}
#colDroite P {
	font-size: 12px;
	line-height: 200%;
}

#colDroite .bouton {
	background: url(gx/04/bouton.gif) no-repeat;
	color: #fff;
	display: block;
	font-size: 16px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	width: 196px;
	
}

/* 04_140 : IMAGES
----------------------------------------------------------------------------------- */

#liste-images DT { font-size: 22px; }


/* 04_500 : RÉSULTAT DE LA RECHERCHE
----------------------------------------------------------------------------------- */

.liste-projets DT { cursor: pointer; }

.liste-projets DT STRONG {
	color: #000;
	float: right;
	font-size: 18px;
	font-weight: bold;
	padding: 50px 30px;
}
.liste-projets DD { display: none;  margin: 5px 0px; }

.liste-projets DT .fleche { background: url(gx/04/i_fleche.gif) no-repeat 90% 52%; }
.liste-projets DT:hover .fleche { background-position: 95% 52%; }

.tbl_resultat { font-size: 14px; width: 750px; }
.tbl_resultat TR { cursor: pointer; }
.tbl_resultat TR.vendu {
	color: #888;
	cursor: default;
}
.tbl_resultat TH {
	padding: 5px 0px 10px 0px;
	text-align: center;
}
.tbl_resultat TD {
	padding: 5px 0px;
	text-align: center;
}

.liste-projets .inactive {	height: 45px; }
.liste-projets .inactive .photo { height: 45px; width: 75px; }
.liste-projets .inactive .logo, .liste-projets .inactive .logo A, .liste-projets .inactive .logo IMG {
	height: 40px;
	padding: 2px;
	width: 38px;
}
.liste-projets .inactive STRONG { padding: 15px 30px; }

#menuProjet{width:178px; position:absolute; top:260px; right:20px; z-index:101;}
#menuProjet li{list-style:none;}
#menuProjet a, #menuProjet a:link, #menuProjet a:visited{
	display:block;
	font-family: 'DINProBold', Tahoma, Arial;
	font-size:18px;
	color:#fff;
	text-decoration:none;
	font-weight: normal;
	margin: 10px 0px;
	padding: 5px;
	line-height:100%;
	text-transform: uppercase;
	opacity:0.9; filter:alpha(opacity=90);
}
#menuProjet a:hover, #menuProjet a.active { background-color: #fff; }

/* MenuProjet a 6 boutons au lieu de 5*/
#menuProjet.menuProjet2 a, #menuProjet.menuProjet2 a:link, #menuProjet2.menuProjet2 a:visited{
	padding:13px 0 13px 15px;
}

/* BOITE DE DROITE GRISE contenant les sous-menu */
.boiteDroite{float:right; display: block;	width:212px; background:url(gx/m/boiteDroite_bg.gif) repeat-y;}
.boiteDroite .titre{background:url(gx/m/boiteDroite_haut.gif) no-repeat; color: #FFF; font-size: 16px; padding:14px 0 12px 12px;}
.listeLien{margin: 0 10px 0 10px;}
.listeLien ul{list-style-type: none;margin:0;padding:0;}
.listeLien ul li{margin:0; padding:0; list-style-type:none; border-bottom:1px solid #BBBEB0;}
.listeLien ul li a, .listeLien ul li a:link, .listeLien ul li a:visited{
	color: #EDEDED;
	margin: 0 0 0 0;
	padding: 0 0 0 4px;
	font-size: 12px;
	height:25px;
	line-height: 25px;
	display: block;
	text-decoration: none;
}
.listeLien a:hover, .listeLien a:visited:hover{text-decoration: none; color: #FFF; background: #ADAFA4;}
.listeLien a.actif, .listeLien a.actif:visited{font-weight: bold;}
.listeLien a.google{ background:url(gx/03/bg_google.gif) right no-repeat;}
.listeLien a.google:hover{background: #ADAFA4 url(gx/03/bg_google_over.gif) right no-repeat;}

/* LISTE DES PROJETS 03_100
.boiteResultat{width: 704px; margin:10px 0 0 22px;	background:#EDEDED;}
.boiteResultat .photo{width:240px; float:left; display:block;}
.boiteResultat .boiteInfo{color: #818377;	font-size:12px; float:right; display: block; width:355px;}
.boiteResultat .boiteInfo strong{font-size:18px; font-weight: normal;}

.boiteResultatUnite{
	padding:5px;
	background: #F7F7F7;
	border:1px solid #999;
	display:block;
	margin-bottom:5px;
}
 */
/* BOUTONS DE BO?TE R?SULTATS
.boiteResultat .boiteBtn{
	padding: 10px 0 0 0;
	float: right;
	display: block;
	width: 100px;
}
.boiteResultat .boiteBtn a, .boiteResultat .boiteBtn a:link, .boiteResultat .boiteBtn a:visited{
	display: block;
	color: #FFF;
	height: 30px;
	margin: 0 0 0 0;
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
	text-decoration: none;}
.boiteResultat .boiteBtn a:hover{text-decoration: none;}
.boiteResultat .boiteBtn a span{display:block; padding:10px 0 0 12px;}
.boiteResultat .boiteBtn .lienBoiteBtn{background: Transparent url(Gx/03/lienBoiteBtn_bg.gif) no-repeat top left;}
.boiteResultat .boiteBtn a.lienBoiteBtn:hover{background: Transparent url(Gx/03/lienBoiteBtn_bg_over.gif) no-repeat top left;}
 */
.boitePhoto{background: #818377; padding: 5px; float:right; display:block;margin-left:20px;}
.boitePhoto p{padding:3px 5px 2px 5px; font-size:11px; line-height: 14px; color: #FFF;	background: #959889;}

/* TABLEAU DES MOD?LES EN 6 COLONNES 04_130 */
table.resultCol {
	width: 730px;
}
table.resultCol td { vertical-align: top; }
table.resultCol td.detail{border:1px solid #D9D6D0; text-align:center; padding: 10px;}
table.resultCol td.detail h4{text-align: center; font-size: 11px; color: #636363; padding: 5px 0 5px 8px; margin: 0 0 10px 0; border-bottom: 1px solid #D9D6D0;}
table.resultCol td.detail h4.vendu{text-align: center; font-size: 11px; color: #FFF; padding: 5px 0 5px 8px; margin: 0 0 10px 0; border-bottom: 1px solid #D9D6D0; background:#93171D;}
table.resultCol td.gap{width: 10px;	height: 10px;}
table.resultCol td.detail span.vendu{_behavior:url(inc/iepngfix.htc);background:url(gx/fond_vendu.png);position:absolute;color:#fff;font-weight:bold;top:0;left:0;width:100%;height:40px;line-height:40px;font-size:18px;}
table.resultCol td.detail div.caseUnite{font-size:11px;text-align:center;position:relative;_position:static;}
table.resultCol td.detail P { font-size: 11px; }

/* 04_300 : CONDO À LOUER
----------------------------------------------------------------------------------- */

a.lienVideo, a.lienVideo:link, a.lienVideo:visited {
	display:block;
	width:100px;
	height:21px;
	background:url(gx/m/bouton-video.jpg);
	color:#fff;
	text-decoration:none;
	text-align:center;
	font-size:11px;
	padding-top:6px;
	font-weight:bold;
	margin: 20px 0px 0px 15px;
}
a.lienVideo:hover, a.lienVideo:visited:hover {text-decoration:underline;}


/* 04_150 : PAGE LOCALISEZ VOTRE PROJET
--------------------------------------------------------------------------------------- */
#contenuQuartier{background-color:#FFF; float:right; padding: 0px; overflow:auto; width:220px; height:514px;}
#contenuQuartier h1 {font-size:24px; margin-bottom:10px;}
.col {float:left; margin:0 20px 10px 0; width:180px;}
.col p {font-size:10px; margin-bottom:5px;}
.carteQuartier{position: relative; border:1px solid #999;height:532px;width:498px;float:left; margin:0 0 10px 0px; position: relative;}

.mauve {color:#49327b;}
.rouge {color:#b32a2c;}
.vert {color:#186426;}
.jaune {color:#ec7500;}

a.mauve, a.mauve:link, a.mauve:visited {color:#49327b;text-decoration: none;}
a.rouge, a.rouge:link, a.rouge:visited {color:#b32a2c;text-decoration: none;}
a.vert, a.vert:link, a.vert:visited {color:#186426;text-decoration: none;}
a.jaune, a.jaune:link, a.jaune:visited {color:#ec7500;text-decoration: none;}


/* MENU LATERAL */
#menuLateral {float:left; margin-left:-7px; padding:0; width:540px;}
#menuLateral div {padding:0; margin:0;}
#menuLateral div a, #menuLateral div a:link, #menuLateral div a:visited {
	border: 0px solid #999;
	color: #FFF;
	float:left;
	height:45px;
	margin:15px -2px 5px 0px;
	padding: 0px;
	text-indent:-999999px;
	width:173px;
}

#menuLateral.contact div a{
	margin-left: 0px;
	width:213px;
}

#menuLateral #menuLateral01 a, #menuLateral div#menuLateral01 a:visited {background: url(gx/flash/bt-restosbars.gif) no-repeat left top;}
#menuLateral div#menuLateral01 a:hover, #menuLateral div#menuLateral01 a.actif, #menuLateral div#menuLateral01 a.actif:visited {background-position: 0px bottom;}

#menuLateral #menuLateral02 a, #menuLateral div#menuLateral02 a:visited {background: url(gx/flash/bt-services.gif) no-repeat left top;}
#menuLateral div#menuLateral02 a:hover, #menuLateral div#menuLateral02 a.actif, #menuLateral div#menuLateral02 a.actif:visited {background-position: 0px bottom;}

#menuLateral #menuLateral03 a, #menuLateral div#menuLateral03 a:visited {background: url(gx/flash/bt-loisirs.gif) no-repeat left top;}
#menuLateral.en #menuLateral03 a, #menuLateral.en div#menuLateral03 a:visited {background: url(gx/flash/bt-loisirs-en.gif) no-repeat left top;}
#menuLateral div#menuLateral03 a:hover, #menuLateral div#menuLateral03 a.actif, #menuLateral div#menuLateral03 a.actif:visited {background-position: 0px bottom;}

#menuLateral #menuLateral04 a, #menuLateral div#menuLateral04 a:visited {background: url(gx/flash/bt-education.gif) no-repeat left top;}
#menuLateral.en #menuLateral04 a, #menuLateral.en div#menuLateral04 a:visited {background: url(gx/flash/bt-education-en.png) no-repeat left top;}
#menuLateral div#menuLateral04 a:hover, #menuLateral div#menuLateral04 a.actif, #menuLateral div#menuLateral04 a.actif:visited {background-position: 0px bottom;}

#menuLateral #samcon a{margin-top:15px; text-indent:0px;}
#menuLateral.contact #samcon a{margin-top: 110px;}

#logo-samcon{float:right;}

/* LIGHTBOX CONTROL 
--------------------------------------------------------------------------------------- */
#lightbox{padding:20px 20px 5px 20px;}
#lightboxDetails{padding-top:5px;}	
#lightboxCaption{float:left; color:#fff; font-size:12px;font-weight:bold;}
#keyboardMsg{float:right;}
#keyboardMsg a{color:#fff; font-size:11px; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold;}
#lightbox img{border:10px solid #FFF;}
div#overlay{position:absolute;top:0;left:0;z-index:200;width:100%;height:500px;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;}
#lightbox{ background:#2E0002;} /* couleur du contour popup */
#overlay{background-color: #000;} /* couleur du fond tranparent */

/* CALCULATRICE HYPOTH?CAIRE, TABLE DES R?SULTATS*/
table#resultCalcul{border-bottom: 3px solid #E3DBCC;margin: 20px 0 0 0;font-size: 13px;}
table#resultCalcul th{background: #620F17;color: #fff;text-align: center;padding: 4px;font-size: 16px;/*border: 1px solid #620F17; */}
table#resultCalcul td{border-right: 1px solid #E3DBCC;padding: 4px;color: #4F4F4F;}
table#resultCalcul td.texteColone{background: #F1E9DC;font-weight: bold;text-align: right;color:#560004;}
table#resultCalcul td.last{border-right: none;}
table#resultCalcul tr.pair{background: #FFF;}
table#resultCalcul tr.impair{background: none;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#basFond{width:975px;display:block;height:106px;background:url(gx/m/bas_fond.gif) no-repeat top center;padding-top:10px;overflow:hidden;}

#basPage{ border-top: 1px dotted #ccc; font-size:11px; width:980px; margin: 10px auto; padding: 15px 0px; text-align:left;}
#menuBas{ color: #000; float: left; font-size: 11px; padding: 0px; }
#menuBas LI {
	display: block;
	float: left;
	list-style: none;
	padding-right: 5px;
}
#menuBas a, #menuBas a:link, #menuBas a:visited{color: #000; text-decoration: none; padding-right: 5px;}
#menuBas a:hover, #menuBas a:visited:hover{color: #000; text-decoration: underline;}

#menuBas2 {
	color: #464646;
	float: right;
	font-size: 11px;
	padding: 0px;
}
#menuBas2 LI {
	display: block;
	float: left;
	list-style: none;
	padding-right: 4px;
}
#menuBas2 A, #menuBas2 A:link, #menuBas2 A:visited, #menuBas2 A:active {
	color: #464646;
	font-size: 11px;
	line-height: 24px;
	text-decoration: none;
}

#lienPartager {
	background: url(gx/M/i_partage.gif) no-repeat 7px 6px;
	border: 1px solid #C7C7C7;
	border-radius: 4px;
	display: block;
	float: left;
	line-height: normal !important;
	margin-left: 10px;
	padding: 3px 8px 3px 25px;
}

#piedPage{color:#95978B; clear: both; float: left; font-size:10px; padding:10px 0px; text-align: left; width: 980px;}
#piedPage a{ color: #95978B; text-decoration: none;}
#piedPage a:hover{ color: #560004;text-decoration: underline;}

/* TEXTES (Liens, listes, petit textes)
--------------------------------------------------------------------------------------- */
p{font-size:13px; line-height:150%; color:#000; text-align:left;}
p strong{font-size:15px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #3A6E8F; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{color:#000; text-decoration:underline;}

ul, ol{padding:0 0 0 16px;font-size:13px;}
p ul li{font-size:13px; list-style:square;}
p ol li{font-size:13px; line-height:150%;}

.textePetit{font-size:10px; color:#1F1F1F;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#1F1F1F;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#1F1F1F;}

.bordureHR{height:0;overflow:hidden;border:none;border-bottom:1px solid #c4c4c4;}

.photoMortaise { float:right; margin:0 0 1em .5em ; border:1px solid #000;  box-shadow:3px 3px 3px #444;}


/* NOUVELLES 
--------------------------------------------------------------------------------------- */
#menuArchives { margin:0; padding:0; float: right; width: 197px; /* position:absolute; right:0; top:25px; */ }
#menuArchives li { margin-bottom:25px; list-style:none; }
#menuArchives .mois { display:block; background:#910427; width:172px; font-weight:bold; text-decoration:none; padding:4px 5px 4px 20px; line-height:25px; color:#fff; font-size:14px; }

#menuArchives LI UL { padding: 0px; }
#menuArchives UL LI { margin: 0px; }
#menuArchives .titre {
	color: #000;
	display: block;
	margin: 0px;
	padding: 5px 0px 5px 15px;
	text-decoration: none;
}
#menuArchives .titre:hover {
	background-color: rgba(255, 255, 255, 0.7);
	color: #666;
}

.nouvelle { border-bottom:1px solid #000; margin-bottom:20px; padding-bottom:10px; }
.nouvelle h2 { font-size:14px; margin-bottom:.3em; }
.nouvelle h2 a { color:#053e75; text-decoration:none }
.nouvelle a.lienSuite { color:#000; text-decoration:none; }
.nouvelle a:hover { text-decoration:underline; }
.nouvelle em { color:#000; }
.nouvelle p { color:#053e75; }
/*
.nouvelle .nouvDescr { float:left; width:538px; margin-right:15px; }
.nouvelle .nouvImg { float:left; width:197px; }
.nouvelle .nouvImg img { border:1px solid #000; box-shadow:3px 3px 3px #444; }
*/
#NouvelleTitre { color: #053e75; }

.relativePage #page { float: left; }

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin:0; padding:0; border:0;font-size: 11px;}
fieldset legend{font-size: 11px; font-weight: bold; color:#7F796D;}
fieldset label{font-size: 11px;color:#252525;/*line-height:18px;*/ float:left;}

.champTexte{color:#000 /*#7F796D*/;border: 1px solid #b6c2cc; /*#CBCBCB*/;background:#e7ebf4 /*#EFEDEC*/ ;font-size: 11px;padding:3px 2px;}
.taille{float:left; width:315px;}
.boutonRadio{color: #7F796D;background: #EEF3F7;font-size: 11px;}
.listeDeroulante{color: #000;border: 1px solid #b6c2cc;background:#e7ebf4;font-size: 11px; width:321px}
.boiteTexte{font-family: Arial;font-size: 11px;color: #000;border: 1px solid #b6c2cc;background: #e7ebf4;}
/*.bouton{font-family: Arial; background:#3A6E8F; color:#FFF; font-size:11px;font-weight:bold; margin:5px 0 5px 0;}*/
.boutonImage{border:0px;}
.caseaCocher{background-color: #FFF;}
.erreur{font-size: 11px;color: #FF0000;}

.conseil{display:none; font-size: 11px;}

.champCache{display:none; visibility:hidden;} /* Utilis? pour l'anti-spam */
.bouton{display:block;text-decoration:none;line-height:32px;width:175px;height:32px;padding-left:10px;text-align:center;color:#fff;font-family:Arial;background:url(gx/m/btnForm.gif) no-repeat top left;border:0;cursor:pointer;font-size:11px;font-weight:bold;text-align:left;}
.bouton:hover{background-position:0 -32px;}
a.bouton:link, a.bouton:visited{color:#fff;text-decoration:none;}
/* image container pour xfade */
.containerFade {
	float:left;
	width:212px;
	height:106px;
	position:relative;
	/*margin:auto;*/
	overflow: hidden;
	margin: 1px 0 0 0;
}

.containerFade img {
	display:none;
	position:absolute;
}


.sceauSamcon{border:3px solid #cbd5df;float:right;margin:0 0 10px 5px;padding:24px 10px;height:104px;overflow:hidden;}

.lienImage{border:3px solid #cbd5df;float:right;margin:0 0 10px 10px;}
.lienImage img{display:block;}

.infoPromo{
	width: 750px;
}
.infoPromo td{
	padding: 5px;
}

.infoPromo tr.odd{
	background: #FFFFFF;
}
.infoPromo tr.even{
	background: #f1f1f1;
}

.infoPromoColGauche{
	width: 200px;
}
.textePetitPromo{font-size:9px; color:#4F4F4F;}

.btnPromoLaurentienne{

	float: right;
	border: 0;
	margin-top: -15px;
}
.btnPromoLaurentienne2{
	display: block;
	float: right;
	position: absolute;
	top: 145px;
	right: 155px;
	border: 0;
}

.pdf { background:url(Gx/icone_pdf.gif) center left no-repeat; padding-left:20px; color:#900; }
.pdf2 { background:url(Gx/icone_pdf2.gif) center left no-repeat; padding-left:40px; color:#900; display:block; height:32px; line-height:32px;margin-bottom:5px;}


#btMetro{
	color: #6C6C6C;
	display: table-cell;
	font-size: 13px;
	font-weight: bold;
	vertical-align: middle;
}
#btMetro IMG {
	margin-right: 5px;
	vertical-align: middle;
}

#RS {
	float: right;
	height: 20px;
	overflow: hidden;
}
#RS #fbjaime {
	height: 20px;
	width: 100px;
}
#RS #fbPartage {
	float: left;
	height: 20px;
	margin-right: 20px;
	vertical-align: top;
}

#logoIpsoFacto{float:left; margin-left:155px;}
#mentionIpsoFacto{float:left; font-size:13px; font-weight:bold; margin-left:10px;}

.cacher{display:none;}

.titre{cursor:pointer;}