/* RÉINITIAliSATION DES ÉLÉMENTS
--------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,img,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0; }

fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
a:active,object,embed { outline:none; }

html { background-color:#4f4f4f; height:100%; }
body { color:#555; font-size:11px; height:100%; font-family:Arial, Verdana, Tahoma; text-align:left; line-height:18px; }
@media print {
	body { font-size:10pt; line-height:14pt; font-family:Verdana, sans-serif; }
}
/* TEXTES ET HYPERliENS GLOBAUX
--------------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, 
a.h1, a.h2, a.h3, a.h4, a.h5, a.h6, 
.h1, .h2, .h3, .h4, .h5, .h6 { font-weight:bold; text-decoration:none; padding:0 0 15px; }

h1, a.h1, .h1 { color:#C21527; font-size:18px; }
h1 a, h1 a:link, h1 a:visited { color:#C21527; }
h2, a.h2, .h2 { color:#C21527; font-size:15px; }
h2 a, h2 a:link, h2 a:visited, a.h2:hover { color:#333; }
h3, a.h3, .h3, a.h3:visited , a.h3:hover{ font-size:20px; color:#555; font-weight:lighter; }
h4, a.h4, .h4, a.h4:visited, a.h4:hover { font-size:17px; padding:0 0 2px; color:#000; }
h5, a.h5, .h5, a.h5:visited, a.h5:hover { font-size:16px; padding:0 0 2px; color:#000; }
h6, a.h6, .h6, a.h6:visited, a.h6:hover{ font-size:12px; padding:0 0 5px; color:#000; line-height:14px }

a.h1:hover, a.h2:hover, a.h3:hover, a.h4:hover, a.h5:hover, a.h6:hover, 
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration:underline; color:#700; }

p, .p { padding-bottom:15px; display:block; }

span.addenda { font-style:italic;}

@media screen {
	a, a:visited { color:#000; text-decoration:none; }
	a:hover, a:active  {  color:#333; text-decoration:underline; }
}

#contenu ul, #contenu ol { margin-bottom:15px; }
#contenu ul li { line-height:21px; list-style:circle; margin-left:13px; }
#contenu ol li { line-height:21px; margin:0 0 5px 20px; list-style:decimal; }

.both:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.both { clear:both; }

.tRouge { color:#d40000; }

.champTexte, .boiteTexte, .select, #champCache { border:1px solid #888; color:#000; background:#fff url(Gx/ombre-superieur.gif) top left no-repeat; padding:5px; -moz-border-radius:4px; -webkit-border-radius:4px; width:100%; margin:3px 0; font-family:"Trebuchet MS"; }
.boiteTexte { font-size:13px; line-height:18px; min-height:100px; height:auto !important; height:100px; }
.listeDeroulante { background:#EEF3F7; border:1px solid #C9D0D6; color:#4E677A; font-size:11px; margin:2px 0; }
.select { line-height:14px; padding:4px; }
.champTexte:focus, .champTexte.erreur, .boiteTexte:focus, .boiteTexte.erreur { border-color:#dd1c1c; color:#000; background:none #fff4f4; }
.champTexte:focus, .boiteTexte:focus { border-color:#222; background:#fff; }
.radioLabel { position:relative; bottom:2px; }
.champCache { display:none; visibility:hidden; } /* Utilisé pour l'anti-spam */
.hide{display:none;}
.right{float: right;}


.erreur { color:#dd1c1c; }

p.erreur { text-align:center; background-color:#feeee7; border:1px #dd1c1c solid; padding:7px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-bottom:7px; }
p.succes { text-align:center; color:#393; background-color:#f2fff2; border:1px #393 solid; padding:7px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-bottom:7px; }

.lnk_fiche, .lnk_fiche:visited, .lnk_fiche:active,.lnk_fiche.innactif { font-family:"Trebuchet MS", Verdana, sans-serif; background:url(Gx/boutons-v2.jpg) left -67px; no-repeat; color:#fff !important; display:block; line-height:32px; height:34px; padding:0 20px 0 0; text-decoration:none; text-align:right; font-size:13px; width:172px; }
.lnk_fiche:hover, .lnk_fiche.petit:hover { background-position:left -100px; color:#fff; text-decoration:none; text-shadow:#999 1px 1px 1px;  }

.lnk_fiche.petit,.lnk_fiche.petit.innactif:hover { background:url(Gx/boutons_v2_petits.gif) left -67px; width:74px; }
.lnk_fiche.retour { background-position: top left; padding:0 0 0 20px; text-align:left; }
.lnk_fiche.retour:hover { background-position:left -33px; }
.lnk_fiche.retour.innactif:hover { background-position:top left; }
.lnk_fiche.favoris,.lnk_fiche.favoris:visited,.lnk_fiche.favoris:active { background-position:left -133px; padding:0 25px 0 0; width:167px; color:#333 !important; }
.lnk_fiche.favoris:hover { background-position:left -167px; text-shadow:none; }
.lnk_fiche.petit.ok { background-position:left -136px; width:47px; padding:0; text-align:center; height:30px; line-height:30px;}
.lnk_fiche.petit.ok:hover { background-position:47px -136px; }

/* CONTENEURS
--------------------------------------------------------------------------------------- */
@media screen {
	#bg { background:url(gx/bg.gif) repeat-x center top #fefefe; }
	#logo { top:101px; left:48px; position:absolute; z-index:2; }
	#logo .print{ display:none; }
	#menuInteractions { top:65px; left:177px; position:absolute; z-index:1; }
	#haut { width:976px; height:217px; position:relative; }
	#header { width:976px; height:217px; position:relative; }
	#conteneur { margin-top:20px; padding-bottom:30px;background:#fff; }
}

#colonneGauche { width:213px; margin-right:8px; float:left; }
#colGauche { float:left; width:563px; }
#colDroite { float:left; width:192px; }
#contenu { width:755px; float:left; position:relative; z-index:0; min-height:480px; height:auto !important; height:480px; }
#contenu.seul { width:100%; float:none; }

.main { margin:0 auto; width:976px; }

/* MENUS
--------------------------------------------------------------------------------------- */

#entetePersoMessage{
	background: url('Gx/01/entete_persoSutton.png') no-repeat center;
	width: 971px;
	height: 36px;
	margin: 0 0 10px 0;
}

#contenuEntetePersoMessage{
	padding: 8px 0 0 300px;
	color: #232323;
	font-size: 11px;
}

#menu { height:21px; margin:0; padding:0; }
#menu ul { margin:0;padding:0; }
#menu ul li { padding:0; margin:0; display:inline; list-style-type:none; }
#menu ul li a, #menu ul li a:link, #menu ul li a:visited { border:1px solid #999; color:#000; font-size:11px; font-weight:bold; line-height:12px; padding:5px; text-decoration:none; }
#menu ul li a:hover, #menu ul li a:visited:hover { background-color:#999; color:#333; }
#menu ul li a.actif, #menu ul li a.actif:visited { background-color:#C21527; color:#fff; }

.menuTop { height:25px; padding-top:5px; line-height:16px; }
.menuTop li { float:left; list-style:none; margin:0; padding:0; border-right:1px solid #a1a1a1; border-left:1px solid #494949; }
.menuTop li a, .menuTop li a:visited, .menuTop li a:active { color:#d2d2d2; float:left; text-decoration:none; padding:0 10px; text-align:center; }
.menuTop li a.nopadding, .menuTop li a.nopadding:visited, .menuTop li a.nopadding:active { padding:0; }
.menuTop li a:hover { color:#fff; text-decoration:none; }
.menuTop li #lnk_agent { color:#fff; }
.menuTop li #lnk_agent:hover { color:#f00; }
.menuTop li.premier { border-left:0; }
.menuTop li.dernier { border-right:0; }
.menuTop li.log { color: #FFFFFF; padding : 0 10px 0 0; }

#menuGauche { position:absolute; left:0; top:0; }
#menuGauche li.premier a { padding-left:0; }
#menuDroite { position:absolute; right:0; top:0; }
#menuDroite li.dernier a { padding-right:0; }

.menuTop li a.fbIcon { background:url(Gx/facebook-icon.gif) 4px center no-repeat; padding-left:25px; }

#onglets { clear:both; margin-left:31px; }
#onglets li { display:block; float:left; list-style:none; margin:0px; }
#onglets li a { display:block; position:relative; }
#onglets li span { display:block; height:100%; width:100%; position:absolute; top:0; left:0; }

#onglets .onglet { height:36px; background:no-repeat top left; cursor:pointer; }
#onglets .onglet:hover span { background-position:left -36px; }
#onglets .onglet.actif span, #onglets .onglet.actif:hover span { background-position:left bottom; }

#ongletPropriete { width:133px; width:194px;}
#ongletPropriete span { background-image:url(Gx/M/onglet_propriete.gif?v=2); }
#ongletPropriete.en span { background-image:url(Gx/M/onglet_propriete_en.gif?v=2); }

#ongletLocation { width:122px; width:183px;}
#ongletLocation span { background-image:url(Gx/M/onglet_location.gif?v=2); }
#ongletLocation.en span { background-image:url(Gx/M/onglet_location_en.gif?v=2); }

#ongletAgent { width:165px; width:183px; }
#ongletAgent span { background-image:url(Gx/M/onglet_agent.gif?v=2); }
#ongletAgent.en span { background-image:url(Gx/M/onglet_agent_en.gif?v=2); }

#ongletRessource { width:127px; width:183px;}
#ongletRessource span { background-image:url(Gx/M/onglet_ressources.gif?v=2); }
#ongletRessource.en span { background-image:url(Gx/M/onglet_ressources_en.gif?v=2); }

#ongletInformation { width:181px; width:183px; }
#ongletInformation span { background-image:url(Gx/M/onglet_info.gif?v=2); }
#ongletInformation.en span { background-image:url(Gx/M/onglet_info_en.gif?v=2); }

/*
#ongletPropriete { width:254px; }
#ongletPropriete span { background-image:url(Gx/M/onglet_propriete.gif); }
#ongletPropriete.en span { background-image:url(Gx/M/onglet_propriete_en.gif); }

#ongletAgent { width:243px; }
#ongletAgent span { background-image:url(Gx/M/onglet_agent.gif); }
#ongletAgent.en span { background-image:url(Gx/M/onglet_agent_en.gif); }

#ongletRessource { width:243px; }
#ongletRessource span { background-image:url(Gx/M/onglet_ressources.gif); }
#ongletRessource.en span { background-image:url(Gx/M/onglet_ressources_en.gif); }

#ongletInformation { width:246px; }
#ongletInformation span { background-image:url(Gx/M/onglet_info.gif); }
#ongletInformation.en span { background-image:url(Gx/M/onglet_info_en.gif); }
*/
#moduleRecherche { background:url(Gx/M/bg_recherche.jpg) top left no-repeat; height:72px; width:702px; clear:both; padding:28px 20px 0 75px; position:relative; }

#formulaireRecherche { position:relative;width:500px; }

#formulaireRecherche #btn_loupe { position:absolute; left:377px; top:4px; display:block; width:50px; height:29px; background:url(Gx/M/bouton-recherche.png) top left no-repeat; }
#formulaireRecherche #btn_loupe:hover { background-position:bottom left; }
#formulaireRecherche #fieldRecherche input { background:url(gx/M/champ_recherche.jpg) top left no-repeat; height:17px; overflow:hidden; padding:10px 59px 10px 10px; border:0; color:#6c6c6c; height:17px; font-size:13px; width:362px; }
#formulaireRecherche #fieldRecherche input:focus { background-position:bottom left; }

#lnk_recherche { position:absolute; top:40px; left:2px; }
#lnk_recherche li { display:inline; list-style:none; margin:0; padding-right:30px; }
#lnk_recherche li a { color:#d6d6d6; text-decoration:none; }
#lnk_recherche li a:hover { color:#fff; text-decoration:none; }

#classerRecherche { color:#fff; font-size:11px; position:absolute; top:24px; line-height:16px; right:33px; text-align:right; }
#classerRecherche a { color:#ce1010; }
#classerRecherche a.active { background:url(Gx/dropDownFleche.gif) right center no-repeat; padding-right:10px; }
#classerRecherche ul li { position:relative; }
#classerRecherche div { display:none; position:absolute; background:#fff url(Gx/degrade-gris-haut.jpg) left -50px repeat-x;line-height:12px; border:1px solid #e5e5e5; width:100px; right:0; top:30px; }
#classerRecherche div.classer { top:50px; }
#classerRecherche div a { color:#666; display:block; padding:5px 10px; }
#classerRecherche div a:hover { color:#000; background:#e5e5e5; text-decoration:none; }

#resultatErreur { font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; color:#333; text-transform:uppercase; font-size:15px; line-height:22px; padding:30px; border:1px solid #c2c1c1; -moz-border-radius:5px; -webkit-border-top-right-radius:5px; }
#resultatErreur span { color:#db040c; }
@media print {
	#menu, .menuTop, #onglets, #formulaireRecherche, #classerRecherche, #vortexDebug { display:none; }
}

/*Dashboard Sutton*/

#dashBoardDernRech, #dashBoardRechSauv, #dashBoardFav{
	float:left;	
}

#dashBoardRechSauv, #dashBoardDernRech{
	margin: 0 14px 0 0;
}

.dashboardEntete{
	width: 242px;
	height: 32px;
	background: url('Gx/01/dashboardEntete.gif') no-repeat center;	
}

.dashboardMilieu{
	width: 242px;	
	min-height: 135px;
	height: auto !important;
	height: 135px;
	background: url('Gx/01/dashboardMilieu.gif') repeat-x #fbf787 top;	
}
.dashboardContenu{
	padding: 5px 5px 0 10px;
	border-bottom: solid #c2c78b 1px;
}

.dashboardContenu.dernier{
	border-bottom: none;
}

.dashboardContenu a, .dashboardContenu a:visited{
	color:#000000;
	text-decoration: none;
}

.dashboardContenu a:hover{
	text-decoration: underline;
}

.dashboardFooter{
	width: 242px;
	height: 6px;
	background: url('Gx/01/dashboardFooter.gif') no-repeat center;
}

.titreEnteteDash{
	padding: 8px 0 0 15px;
	font: "Helvetica CondensedBlack";
	color: #FFFFFF;
	font-weight: bolder;
}

#titreNote{
	font: "Helvetica CondensedBlack";
	color: #515151;
	font-weight: bolder;	
	font-size: 17px;
	margin: 35px 0 0 0;
}

#titreSuggest{
	font: "Helvetica CondensedBlack";
	color: #ad0206;
	font-weight: bolder;	
	font-size: 17px;
	margin: 35px 0 0 0;
}

#colonneGauchePub{
	background-color:#FFFFFF;
	width:199px;
	height:624px;
	margin: 0 19px 0 0;
	float:left;
}


/*Fin Dashboard Sutton*/

/* COLONNE GAUCHE
--------------------------------------------------------------------------------------- */

#colonneGauche { position:relative; z-index:100; }

#resultatRecherche { background:url(Gx/resultats-de-recherche.jpg) top left no-repeat; padding-top:29px; line-height:16px; position:relative; color:#514B3E; }
#resultatRecherche.en { background-image:url(Gx/resultats-de-recherche_en.gif); }
#resultatRecherche.resultatsSimilaires { background-image:url(Gx/resultats-similaires.gif); }
#resultatRecherche.resultatsSimilairesEn { background-image:url(Gx/resultats-similaires_en.gif); }
#resultatRecherche #listeCriteres { border:1px solid #ccc; border-bottom:0; padding:10px 0 6px; }
#resultatRecherche #listeCriteres .flecheBack { float:left; margin-left:10px; }
#resultatRecherche #listeCriteres .flecheNext { float:right; margin-right:10px;  }
#resultatRecherche #listeCriteres .flecheUp { margin:0 0 5px; }
#resultatRecherche #listeCriteres .innactif { filter:alpha(opacity=40); -khtml-opacity:0.4; -moz-opacity:0.4; opacity:0.4; }

#resultatRecherche .resultatApercu { padding:5px 10px 5px; }
#resultatRecherche .resultatApercu img { display:inline-block; float:left; }
#resultatRecherche .resultatApercu .descr { padding-left:5px; float:left; width:107px; line-height:14px; }
#resultatRecherche .resultatApercu .descr a { margin-bottom:4px; display:block; }
#resultatRecherche .resultatApercu.actif { background-color:#e6e6e6; }
#resultatRecherche .resultatApercu.actif .descr a { color:#888; }

#critereRecherche { background:url(Gx/criteres-de-recherche.jpg) top left no-repeat; padding-top:29px; line-height:16px; position:relative; color:#514B3E; }
#critereRecherche.en { background-image:url(Gx/criteres-de-recherche_en.gif); }
#critereRecherche #listeCriteres { border:1px solid #ccc; border-bottom:0; }

#critereRecherche .critere { position:relative; padding:0 8px; width:195px; background:#fff url(Gx/border-critere-fix.gif) 8px bottom no-repeat; }
#critereRecherche .critere .wrapper { padding:6px; position:relative; }
#critereRecherche .critere .ouvrirRechPopup { width:181px; height:100%; display:block; color:#514B3E; }
#critereRecherche .critere .ouvrirRechPopup:visited, 
#critereRecherche .critere .ouvrirRechPopup:hover,
#critereRecherche .critere .ouvrirRechPopup:active { text-decoration:none; color:#514B3E; }
#critereRecherche .critere .resetCritere { position:absolute; top:6px; right:0; cursor:pointer; display:none; }
#critereRecherche .critere .resetCritere.displayBlock { display:block; }

#critereRecherche #boutonsActionsRecherche { padding:10px; height:70px; position:relative; }
#critereRecherche #boutonsActionsRecherche.agent { height:30px; }
#critereRecherche #boutonsActionsRecherche a { position:absolute; }
#critereRecherche #boutonsActionsRecherche .favoris { top:50px; }

#critereRecherche .rechPopup { -moz-border-radius:0 7px 7px 0; -webkit-border-top-right-radius:7px; -webkit-border-bottom-right-radius:7px; position:absolute; left:211px; top:-1px; display:none; background:url(Gx/degrade-gris-gauche.gif) left repeat-y #fff; border:1px solid #ccc; z-index:200; padding:10px; } 
#critereRecherche .rechPopup h4 { font-weight:bold; font-size:12px; color:#000; padding-bottom:8px; }
#critereRecherche .rechPopup ul { border-width:0; padding:5px 8px; }
#critereRecherche .rechPopup .contenuPopup { position:relative; } 
#critereRecherche .rechPopup .fermerPopup { display:block; border:none; background:url(Gx/bouton-fermer-v2.jpg) top left no-repeat; width:28px; height:24px; position:absolute; top:-11px; right:-1px; cursor:pointer; }  
#critereRecherche .rechPopup .popupOk, a.popupOk { background:url(Gx/bouton-ok.jpg) top left no-repeat; display:block; width:94px; height:33px; cursor:pointer; margin:10px auto 0; }
#critereRecherche .rechPopup .popupOk:hover, a.popupOk:hover { background-position:right top; }

#critereRecherche .rechPopup .ongletsPopup { position:absolute; top:-35px; left:-5px; padding:0; }
#critereRecherche .rechPopup .ongletsPopup li { display:inline; font-weight:bold; }
#critereRecherche .rechPopup .ongletPopup, #critereRecherche .rechPopup .ongletPopup:visited { color:#000; -moz-border-radius:0 0 5px 5px; -webkit-border-bottom-left-radius:7px; -webkit-border-bottom-right-radius:7px; border:1px solid #ccc; border-top:2px solid #555; margin:0 4px; cursor:pointer; text-decoration:none; text-transform:uppercase; min-width:80px; width:auto !important; width:80px; float:left; background:url(Gx/degrade-onglet.gif) 0 -10px repeat-x #fff; padding:0 8px; display:block; height:24px; line-height:24px; overflow:hidden; }
#critereRecherche .rechPopup .ongletPopup:hover, #critereRecherche .rechPopup .ongletsPopup .ongletPopup.active { background:#fff; text-decoration:none; border-top-color:#C00; }
#critereRecherche .rechPopup .contenuOnglet { display:none; height:auto; }

#critereRecherche .rechPopup.multisection { padding-top:35px; }
#critereRecherche .rechPopup.multisection .fermerPopup { top:-35px; }

#critereRecherche .rechPopup .slider { width:203px; margin:4px; height:4px; -moz-border-radius:2px; -webkit-border-radius:2px; }
#critereRecherche .rechPopup .barreMesure { margin:7px 0; }

#critereRecherche .rechPopup .ui-slider-handle { background:url(Gx/slider-handle.png) center no-repeat; border:0; }
#critereRecherche .rechPopup .slider.hover .ui-slider-handle, #critereRecherche .rechPopup .ui-slider-handle:hover { background-image:url(Gx/slider-handle-hover.png); }
#critereRecherche .rechPopup .ui-widget-header { background:#bff11e url(Gx/degrade-slider.gif) 50% 50% repeat-x; }
#critereRecherche .rechPopup .listeCheckbox { line-height:22px; border:1px solid #ccc; height:auto; }
#critereRecherche .rechPopup .hauteurFixe { height:230px; overflow:auto; }
#critereRecherche .rechPopup .ombrage { background:url(Gx/ombre-superieur.gif) top left no-repeat #fff; }

#critereRecherche .rechPopup.region, #critereRecherche .rechPopup.filtre { width:240px; }
#critereRecherche .rechPopup.typePropriete { width:475px; }
#critereRecherche .rechPopup.prix, #critereRecherche .rechPopup.nombreBains, #critereRecherche .rechPopup.nombreChambres, #critereRecherche .rechPopup.nom { width:217px; }
#critereRecherche .rechPopup.recent { width:140px; }
#critereRecherche .rechPopup.langue, #critereRecherche .rechPopup.classer { width:190px; }
#critereRecherche .rechPopup.autres { width:160px; }
#critereRecherche .rechPopup.specialite, #critereRecherche .rechPopup.vue { width:213px; }

#critereRecherche .rechPopup #prixDe, 
#critereRecherche .rechPopup #prixA { border:1px solid #aaa; padding:2px; width:70px; }
#critereRecherche .rechPopup #noChambreInput,
#critereRecherche .rechPopup #noBainsInput { text-align:center; }

#critereRecherche .rechPopup.region #listeRegionHome { width:240px; }
#critereRecherche .rechPopup.region #listeRegionHome a,
#critereRecherche .rechPopup.region #listeRegionHome a:visited { color:#514B3E; display:block; padding:3px 5px; cursor:pointer; height:22px; }
#critereRecherche .rechPopup.region #listeRegionHome a.parent { background:url(Gx/checkbox.png) right 6px no-repeat; }
#critereRecherche .rechPopup.region #listeRegionHome a:hover,
#critereRecherche .rechPopup.region #listeRegionHome a.ouvert { background-color:#e6e6e6; text-decoration:none; }
#critereRecherche .rechPopup.region #listeRegionHome a.vide { color:#aaa; }
#critereRecherche .rechPopup.region .listeVilles { display:none; position:absolute; left:241px; width:206px; top:24px; }

#infoRechercheSauv, #infoFavorisListe, #infoDernRecherche{ padding:0 5px 5px 10px; font-style: italic; line-height: 15px; }
#nomRechercheSauvegarder{ padding:0 5px 5px 20px; }

.hautBoite { height:5px; background:url(Gx/haut-boite-arrondie.gif) top left no-repeat; }
.basBoite { height:5px; background:url(Gx/bas-boite-arrondie.gif) bottom left no-repeat; }

/* CENTRE D'INFORMATION */

.boxNavigation { background:url(Gx/03/boxNavigation_haut.gif) top left no-repeat; width:213px; padding-top:30px; }
.boxNavigation ul { border:1px solid #ccc; border-bottom:0; border-top:0; }
.boxNavigation ul li { border-bottom:1px solid #e3e3e3; color:#000; font-weight:bold; margin:0 10px; padding:10px 0; }
.boxNavigation ul .dernier, .boxNavigation ul li:last-child { border:0; margin-bottom:0; }
.boxNavigation ul li a.actif, .boxNavigation ul li a:hover { color:#C21527; text-decoration:underline; }
.boxNavigation #lnkRSS { color:#91b55e; display:block; font-weight:normal; margin-top:-5px; }

.boxCallToActions { background:none; width:213px; padding-top:0; }
.boxCallToActions ul li { position:relative; }
.boxCallToActions ul li span { background-image:url(Gx/03/boutonsActionSprite.jpg); display:block; height:29px; width:20px; position:absolute; right:18px; top:5px;}
.boxCallToActions ul #actionSuttonMobile span { background-position:top left; top:3px; }
.boxCallToActions ul #actionISutton span { background-position:bottom left; width:20px; height:26px; }
.boxCallToActions ul #actionSutton3D span { background-position:-20px top; right:15px; width:25px; }
.boxCallToActions ul #actionSuttonTV span { background-position:-20px bottom; }
.boxCallToActions ul #actionSutton3D { border-bottom:0; }

/* ACCUEIL
-------------------------------------------------------------------------------------- */

#regionsHome { padding-left:30px; }
#regionsHome .listeRegions { border-right:1px solid #dadada; float:left; padding:0 40px; margin:10px 0; width:170px; }
#regionsHome .listeRegions.premier { padding-left:0; }
#regionsHome .listeRegions.dernier { border:0; }
#regionsHome .listeRegions li { margin:0; list-style:none; }
#regionsHome .listeRegions .vide { color:#aaa; cursor:default; }
#regionsHome .listeRegions a { color:#696767; }
#regionsHome .listeRegions a:hover { color:#c60005; text-decoration:none; }

/* TROUVEZ UNE PROPRIÉTÉ - Toutes les listes
-------------------------------------------------------------------------------------- */


/* TROUVEZ UNE PROPRIÉTÉ - LISTE PHOTO
-------------------------------------------------------------------------------------- */
.boxPhotoHaut { background:url(Gx/listes/box_photo_haut.gif) left top no-repeat; height:4px; overflow:hidden; }
.boxPhotoBas { background:url(Gx/listes/box_photo_bas.gif) left -4px no-repeat; height:4px; overflow:hidden; }
.boxPhotoCentre { background:url(Gx/listes/box_photo_centre.gif) left repeat-y; padding:6px 10px; position:relative; height:100%; }

.boxPhoto { color:#505050; float:left; line-height:14px; width:375px; margin:0 2px 8px 0; }
.boxPhoto .photo { width:352px; overflow:hidden; border:2px solid #E7E7E7; position:relative; }
.boxPhoto .photo img { width:358px; border:0; display:block; }
.boxPhoto .photoDesc_gauche { float:left; margin:3px 1px; width:68%;  }
.boxPhoto .photoDesc_droite { text-align:right; float:right; margin:3px 1px; width:30%; }
.boxPhoto .alerteVendue { width:352px; }

.boxPhoto .lnk_detail { background:url(Gx/listes/i_fiche.gif) top right no-repeat; color:#d40000; padding-right:20px; }
.boxPhoto .lnk_detail:hover { color:#911B14; }

.boxPhoto .loupe, .photoDetail .loupe, .box_texte .loupe { line-height:34px; font-size:12px; color:#fff; display:none; cursor:pointer; background:url(Gx/listes/loupe.png) no-repeat; height:36px; width:120px; text-indent:20px; text-align:center; position:absolute; top:13px; right:5px; z-index:20; }
.boxPhoto .loupe:hover, .photoDetail .loupe:hover { text-decoration:none; text-shadow:#999 1px 1px 1px; }

.photoDetail .loupe { display:block; }

@media print{
	.boxPhoto { width:340px; }
	.boxPhoto .photo { width:320px; }
	.boxPhoto .lnk_detail { display:none; }
}

/* TROUVEZ UNE PROPRIÉTÉ - LISTE TEXTE
-------------------------------------------------------------------------------------- */
.box_texte { background:url(Gx/listes/box_texte.gif) no-repeat; height:135px; width:741px; margin-bottom:8px; padding:8px; position:relative; line-height:16px; }
.box_texte .photo { float:left; position:relative; height:134px; width:178px; overflow:hidden; }
.box_texte .photo img { width:174px; /*position:absolute;*/ z-index:240; }
.box_texte .loupe { position:absolute; top:5px; right:5px; background-image:url(Gx/listes/loupe-petit.png); width:33px; height:35px; padding-left:0; }
.box_texte .texteDetail { float:left; height:104px; width:180px; padding:0 20px 0 10px; }
.box_texte .lnk_detail { color:#d40000; display:block; font-weight:bold; position:absolute; right:10px; bottom:10px;background:url(Gx/listes/i_fiche.gif) center right no-repeat; padding-right:20px; line-height:14px; }
.box_texte .lnk_detail:hover { color:#700; }
.box_texte .alerteVendue { bottom:0; top:auto; width:178px; height:25px; font-weight:normal; font-size:18px; }
.box_texte .alerteVendue a, .box_texte .alerteVendue a:hover { line-height:25px; }
#map_principal { background:url(Gx/01/cadreMap_princ.gif) no-repeat; height:521px; width:740px; padding:7px; }

@media print{
	.box_texte { width:700px; height:auto; clear:both; }
	.box_texte p { float:right; width:300px; }
	.box_texte .lnk_detail { display:none; }
}
/* PAGINATION
--------------------------------------------------------------------------------------- */
@media screen {
	#numpage { float:right; margin-top:5px;	}
	#numpage a { color:#fff; }
	#numpage .pageChiffre { font-weight:normal; color:#000; text-align:center; padding:0 10px; height:33px; width:33px; line-height:33px; display:block;width:15px;  text-decoration:none; }
	#numpage a:hover { text-decoration:none; }
	.pagination, .pageEnCours { background:url(Gx/listes/pagination.gif) no-repeat -116px 0;  margin:15px 3px; float:left;  }
	.pagination:hover, .pageEnCours { background-position:-116px -34px; }
}
@media print {
	#numpage { text-align:center; }
}
/* FICHE DÉTAILS
------------------------------------------------------------------------------------- */
.photoDetail { float:left; margin:0 10px 0 0; width:322px; position:relative; }
.photoDetail img { border:2px solid #dcdcdc; width:318px; }
.photoDetail .inscriptPhoto { display:block; margin-bottom:10px; }
.fiche { float:left; width:221px; padding-right:10px; }
.fiche h2 { padding-bottom:5px; }
.fiche div { padding-bottom:6px; }

.alerteVendue { position:absolute; bottom:0; left:0;  z-index:241; height:40px; background:#BE0702; font-size:28px; width:322px; text-align:center; filter:alpha(opacity=60); -khtml-opacity:0.6; -moz-opacity:0.6; opacity:0.6; font-family:Helvetica, Arial, Verdana;  }
.alerteVendue a, .alerteVendue a:hover { color:#fff; text-decoration:none;line-height:40px;  }


#visite{
	background: #FFFFFF;
	/*color: #6D9021;*/
	color: #000000;
	width: 560px;
	margin: 10px 0 0 0;
	text-align: justify;}	

#visite strong{
	color: #D40000;
}
	
#visite #visitelogo{
	float: left;
	margin: 0 10px 5px 0; }


/*Section Perso Sutton 2.0 Action*/
#persoAction { background:url(Gx/01/bg_perso.jpg) top repeat-x #faf786; width:192px;  }

#persoAction .entete { position:relative; background:url(Gx/01/hd_persoAction.gif) no-repeat; text-transform:uppercase; padding:7px; height:9px; color:#fff; font-size:11px; font-weight:bold; line-height:10px;  }
#persoAction .entete span { color:#fbd684; }
#persoAction .entete strong { position:absolute; right:5px; }

#persoAction p { padding:0; }

#persoAction ul { margin:0; padding:0; }
#persoAction ul li { border-bottom:1px solid #c2c78b; line-height:33px; margin:0; list-style:none; }
#persoAction ul li.dernier { border:0; }
#persoAction ul li span.logoPerso { background:url(Gx/01/icones_perso.png) no-repeat; display:block; float:left; margin:3px; height:27px; width:31px; }

#persoAction ul li .boutonPersoAction, #persoAction ul li .boutonPersoAction:visited,#persoAction ul li div { background:url(Gx/01/ligneBg_persoAction.gif) 170px repeat-y; border:1px solid #c29b69; border-width:0 1px; color:#000; display:block; text-decoration:none; } 
#persoAction ul li .boutonPersoAction:hover { background-color:#fffed8; }
#persoAction ul li .boutonPersoAction label{ padding : 0 0 0 9px; }
#persoAction ul li label.titrePerso{ font-weight: bold; }
#persoAction ul li label.titreCommentaire{margin: 0 0 5px 0; font-weight: bold;}

#persoAction ul li .boutonPersoAction input{ margin : 0 0 0 9px; }
#persoAction .notes span.logoPerso { background-position:0 -33px; }
#persoAction .envoyer span.logoPerso { background-position:0 -65px; }
#persoAction .itineraire span.logoPerso { background-position:0 -99px; }
#persoAction .calcul span.logoPerso { background-position:0 -132px; }
#persoAction .demandeInfo span.logoPerso { background-position:0 -168px; }
#persoAction .pdf span.logoPerso { background-position:0 -205px; }

/*#persoAction li .dernier { border-width:0 1px 1px; -moz-border-radius:0 0 5px 5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; }

#persoAction ul li.dernier .boutonPersoAction { height:35px;  }

#persoAction ul li.dernier .boutonPersoAction.erreur { height:70px !important;  }*/

#persoAction li a.dernier, #persoAction li div.dernier  { border-width:0 1px 1px; -moz-border-radius:0 0 5px 5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; }

#persoAction ul li.dernier .boutonPersoAction { height:35px;  }

#persoAction ul li.dernier .boutonPersoAction.erreur { height:70px !important;  }

#persoAction ul li div{
	padding: 5px 25px 0 10px;
}

.imgSuppNote, .imgSuppFavoris{
	cursor: pointer;
}

#persoAction ul li .infoEnvoyer textarea{
	float: right;
	margin: 0 0 10px 0;
}

#persoAction ul li div label.titre{
	float:left;
	padding: 0;
	margin:0;
	line-height: 15px;
}

#persoAction ul li div input{
	float:right;
}


#persoAction ul li .soumettreEnvoyer:hover{
	background-position:bottom left;
}

.note{
	line-height: 20px;
	 
}

.resultatCalcul{
	padding-bottom : 5px !important;
	border: none !important;
	line-height : 15px !important;
}

#persoAction ul li div.infoCalcul input[type=text], #persoAction ul li div.infoCalcul select{
	float: none;
	margin: 5px 0 5px 0;
}

#persoAction ul li div.infoCalcul{
	line-height: 15px;
	background:#e9eaee url(gx/01/calcul_bg.gif) repeat-x;
	padding-top:30px;
}

.infoCalcul label{
 margin: 0 0 5px 0;

 font-weight: bold;
}

.infoEnvoyer input{
	margin: 8px 0 0 0;
} 

.choixDossier{
	width: 154px;
}

.lblCheckNote{
	line-height: 10px !important;
	padding: 0 5px 0 0;
}

.listeCourriel{
	float: none;
	margin: 0 0 10px 0;
}

.detailNote{
	width: 140px;
}

#spanListAmi{
	line-height: 15px !important;
}

#courrielDe, #courrielA {
	width: 100px;
}


/*Fin Section Perso Sutton Action 2.0*/

/*Section Perso Liste 2.0*/

#persoListe { background:url(Gx/01/bg_perso.jpg) top repeat-x #faf786; width:214px; margin: 15px 0 0 0;}

#persoListe .entete { position:relative; background:url(Gx/01/hd_persoListe.gif) no-repeat; text-transform:uppercase; padding:7px; height:9px; color:#fff; font-size:11px; font-weight:bold; line-height:10px;  }
#persoListe .entete span { color:#fbd684; }
#persoListe .entete strong { position:absolute; right:5px; }

#persoListe ul { margin:0; padding:0; }
#persoListe ul li { border-bottom:1px solid #c2c78b; line-height:33px; margin:0; list-style:none;}
#persoListe ul li.dernier { border:0; }
#persoListe ul li span.logoPerso { background:url(Gx/01/icones_perso.png) no-repeat; display:block; float:left; margin:3px; height:27px; width:31px; }

#persoListe ul li, #persoListe ul li { background:url(Gx/01/ligneBg_persoAction.gif) 175px repeat-y; border:1px solid #c29b69; border-width:0 1px 1px 1px; color:#000; display:block; text-decoration:none; padding: 0 0 0 10px; } 
#persoListe ul li a, #persoListe ul li a:visited{
color:#000; display:block; text-decoration:none; padding: 0 0 0 5px;
}
#persoListe ul li a:hover{
	text-decoration: underline;
}
#persoListe ul li:hover { background-color:#fffed8; }
#persoListe ul li a label{ padding : 0 0 0 9px; }
#persoListe ul li label.titrePerso{ font-weight: bold; }
#persoListe ul li label.titreCommentaire{margin: 0 0 5px 0; font-weight: bold;}

#persoListe ul li a input{ margin : 0 0 0 9px; }

#persoListe li .dernier { border-width:0 1px 1px; -moz-border-radius:0 0 5px 5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; }

#persoListe ul li.dernier a { height:35px;  }

#persoListe ul li.dernier a.erreur { height:70px !important;  }

.nbPersoListe{
	color: black;
	margin : 0 10px 0 0;
	float: right;
}

.imgSuppRecherche{
	cursor: pointer;
}

.frmAjoutDossier{
	padding:0 !important;
}


/*Fin section Perso Liste 2.0*/

@media screen {
	.fleche { display:block; float:right; margin-top:10px; height:33px; width:39px; position:relative; }
	.fleche span { background:url(Gx/01/btn_fleche.jpg) no-repeat; display:block; height:100%; width:100%; position:absolute; top:0; left:0; }
	
	.sep { background:url(Gx/01/ficheDetails_sep.jpg) no-repeat; clear:both; margin:10px 0; height:8px; width:529px; }
	
	.cadreMap { background:url(Gx/01/cadreMap.gif) repeat-x; height:245px; width:553px; overflow:hidden;  margin-bottom:15px; padding:7px; position:relative; }
	/*
.cadreMap span { background:url(Gx/listes/loupe.png) no-repeat; display:block; height:37px; width:37px; position:absolute; top:10px; right:10px; }
*/
	#liensMap { float:left; margin-left:26px; width:162px; }
	.mapLnk { background-image:url(Gx/01/mapBtn.jpg); display:block; width:122px; border:1px solid #c4c4c4; text-align:center; height:72px; overflow:hidden; position:relative; -moz-border-radius:3px; -webkit-border-radius:3px; }
	.mapLnk div { position:absolute; bottom:0; left:0; width:122px; background:#eee; height:20px; line-height:20px; border-top:1px solid #c4c4c4; }
	.bingMaps { background-position:left -80px; }
	.googleSV { background-position:top left; }
	.googleM { background-position:bottom left; }
	.mapLnk:hover, .mapLnk.active { text-decoration:none; color:#c00; }
	.mapLnk:hover div, .mapLnk.active div { background:#fff; }
}

.caract { float:left; margin:0 20px 20px 0; width:261px; min-height:110px; }
.caract h6 { border-bottom:1px solid #E8E8E8; color:#696767; display:block; font-size:12px; font-weight:bold; margin:8px 0 4px; padding:0 0 3px; }
.caract .lnk_detail { color:#7b7b7b; font-weight:normal; text-decoration:none; }

@media print {
	#persoAction { display:none; }
	.fiche { width:310px; padding-right:0; }
	.caract { width:300px; margin:10px; }
	.caract h6 { border-bottom:1px solid #000; color:#000; }
	.cadreMap, .mapLnk { display:none; } { display:none; }
}



/* CENTRE D'INFORMATION
------------------------------------------------------------------------------------ */

#centreInfo #entete img { float:left; margin-left:-2px; padding-right:2px; }
.btnEnvoyer { cursor:pointer; float:left; position:relative;  height:126px; width:253px; overflow:hidden; }
.btnEnvoyer span { background:url(Gx/03/btnEnvoyer.gif) no-repeat; height:100%; width:100%; position:absolute; top:0; left:0; }
.btnEnvoyer.en span { background-image:url(Gx/03/btnEnvoyer_en.gif); }
.btnEnvoyer:hover span { background-position:bottom; }


#centreInfo #boxLiens { background:url(Gx/03/boxLiens.gif) no-repeat; width:190px; padding-top:30px; border:1px solid #d9d9d9; }
#centreInfo #boxLiens.en { background-image:url(Gx/03/boxLiens_en.gif); }
#centreInfo #boxLiens ul, #centreInfo #boxNouvelles .nouvelles { background:url(Gx/03/boxBg.jpg) bottom repeat-x; border:3px solid #fff; margin:0; }
#centreInfo #boxLiens ul li { background:url(Gx/03/li_fleche.png) center left no-repeat; list-style:none; border-bottom:1px solid #e2e2e2; line-height:13px; margin:0 10px; padding:10px 3px 10px 17px; }

#centreInfo #colGauche #col1 { float:left; width:162px; padding:0 10px 0 0; }
#centreInfo #colGauche #col2 { float:left; width:208px; }
#centreInfo #colGauche #col3 { float:left; width:162px; padding:0 10px; }
#centreInfo #colGauche .h6 { color:#C21527; height:30px; display:block; }

#centreInfo #boxNouvelles { background:url(Gx/03/boxNouvelles.gif) no-repeat; width:206px; padding-top:30px; border:1px solid #d9d9d9; }
#centreInfo #boxNouvelles.en { background-image:url(Gx/03/boxNouvelles_en.gif); }

#centreInfo #boxNouvelles .nouvelles li { margin:0; list-style:none; }
#centreInfo #boxNouvelles .nouvelles li a { display:block; padding:10px 15px; text-decoration:none; }
#centreInfo #boxNouvelles .nouvelles li a:hover { background:#fff; }
#centreInfo #colGauche #boxNouvelles a p { line-height:15px; color:#000; }


#centreInfo .article { padding:0 10px 20px; }
#centreInfo .article img { margin:10px 0; }
#centreInfo .info { padding-bottom:10px; }
#centreInfo .date { color:#e43038; }
#centreInfo #article { padding:0 10px 10px 0; font-size:12px; }
#centreInfo #article img { padding:0 5px 10px 0; }

#centreInfo #colGauche #boxCTA { background:url(Gx/03/boxCTA.gif) no-repeat; height:151px; width:553px; margin-top:18px; line-height:13px; }
#centreInfo #colGauche #boxCTA .col { float:left; padding:15px 15px 10px; width:153px; }
#centreInfo #colGauche #boxCTA #col3 { padding:15px 10px 10px 20px; width:155px; }


#articles { padding-left:10px; }
#articles h1, #articles .h1 { background:url(Gx/03/i_fleche.gif) 0 4px no-repeat; padding-left:20px; letter-spacing:-1px; }
#articles #listeArticles { float:left; width:490px; }
#articles #listeArticles li { background:url(Gx/03/li_fleche.gif) center left no-repeat; padding-left:20px; list-style:none;  }

#articles .sep { margin:30px 0; }
#articles .texte { padding:10px 0 30px 20px; }

/* DEVENEZ AGENT
------------------------------------------------------------------------------------ */
@media screen{ .colonne { float:left; padding-left:30px; width:458px; font-size:12px; } }
@media print{ .colonne { width:710px; font-size:9pt; } }

#btLecteurVideoVortex{float:left;  width:458px; margin:0 0 20px 0;}

/* Pop up *
--------------------------------------------------------------------------------------- */

.popup { -moz-border-radius:7px; -webkit-border-radius:7px; display:none; position:absolute; background:#fff url(Gx/degrade-gris-haut.jpg) top repeat-x; border:2px solid #eee; z-index:400; padding:10px; } 
.popup ul { border-width:0; padding:5px 8px 5px 0; }
.popup .contenuPopup { position:relative; } 
.popup .contenuPopup .fermerPopup { display:block; background:url(Gx/bouton-fermer-v3.jpg) top left no-repeat; width:40px; height:34px; position:absolute; top:-12px; right:-1px; cursor:pointer; }  

.popup .contenuPopup .popupOk { background:url(Gx/bouton-ok.png) top left no-repeat; display:block; width:94px; height:33px; cursor:pointer; margin:10px auto 0; }
.popup .contenuPopup .popupOk:hover { background-position:right top; }

.popup .ongletsPopup { display:block; position:absolute; top:-12px; left:-5px; padding:0; }
.popup .ongletsPopup li { display:block; float:left; font-family:Helvetica Neue, Arial, Helvetica, sans-serif; font-weight:bold; }
.popup .ongletsPopup .ongletPopup { font-size:14px; text-shadow:#ccc 1px 1px 1px; color:#444; border:1px solid #ccc; border-top:0; margin:0 4px; cursor:pointer; text-decoration:none; text-transform:uppercase; min-width:120px; width:auto !important; width:120px; float:left; background:url(Gx/degrade-onglet.gif) top repeat-x #fff; padding:3px 8px 0; display:block; height:29px; line-height:29px; overflow:hidden; -moz-border-radius:0 0 5px 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;  }
.popup .ongletsPopup .ongletPopup:hover, .popup .ongletsPopup .ongletPopup.active { background-position:0 -66px; }
#contenu .popup .ongletsPopup li { margin:0; }

.popup.multisection .contenuPopup { padding-top:40px; }

.contenuPopup .lnk_fiche { position:absolute; bottom:0; right:0; }

#backgroundPopup { display:none; position:fixed; height:100%; width:100%; top:0; left:0; background:#000; z-index:300; } 

#loader { display:none; width:300px; height:270px; -moz-border-radius:12px; background:#fff url(Gx/degrade-gris-haut.jpg) top repeat-x; -webkit-border-radius:12px; position:fixed;  z-index:350;  }
#loader div { background:url(Gx/ajax-loader.gif) center no-repeat; height:100%; width:300px; position:relative; }
#loader span { text-align:center; position:absolute; top:180px; width:300px; text-align:center; color:#000; }


/* Pop-up detail
-------------------------------------------------------------------------------------- */

.contenuPopup .fiche { width:316px; float:left; }
.contenuPopup .fiche h1 { font-size:17px; }
.contenuPopup .texte_detail { color:#3d3d3d; font-size:12px; line-height:21px;  width:600px; }
.contenuPopup .contenuPanel { width:658px; float:left; }

#panel_fiche { width:850px; }

/* VIDEO */

#panel_video { position:relative; width:850px; }
#panel_video #video { float:left; width:594px; margin-right : 64px; position:relative; }

/* ALBUM PHOTO */

#panel_album { position:relative; width:850px; }
#panel_album #album { float:left; width:594px; position:relative; margin-right:64px; }

#panel_album .affichage { border:3px solid #ccc; position:relative; height:441px; overflow:hidden; background-color:#ccc; text-align:center; }

#panel_album .affichage .titre, #panel_album .affichage #titreBg { color:#fff; font-size:18px; font-weight:bold; line-height:35px; padding:0 10px; position:absolute; z-index:900; top:0; text-transform:uppercase; width:568px; height:35px; filter:alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0; opacity:0; z-index:820; }
#panel_album .affichage #titreBg { background:#000; z-index:819; }

#controlSlideshowBg, #controlSlideshow { position:absolute; z-index:782; left:258px; bottom:0; width:75px; height:26px; filter:alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0; opacity:0;  }
#controlSlideshowBg { background:#000; z-index:781; border:1px solid #000; -moz-border-radius:4px 4px 0 0; -webkit-border-top-right-radius:4px; -webkit-border-top-left-radius:4px; }

#controlSlideshow { clear:both; }
#controlSlideshow a { display:block; width:15px; height:22px; background-position:top left; float:left; margin:1px 5px; }
#toggleSlideshow { background-image:url(Gx/album/play.png);  }
#toggleSlideshow.pause { background-image:url(Gx/album/pause.png); }
#flecheGauche { background-image:url(Gx/album/gauche.png); }
#flecheDroite { background-image:url(Gx/album/droite.png); }

#imgAffiche, #imgAffiche2 { position:static; z-index:778; max-width:640px; width:auto !important; width:640px; height:441px; }
#imgAffiche2 { z-index:777; }

.vignettes { background:url(Gx/album/bg_vignettes.gif) top repeat-x; height:72px; padding:12px 4px; }

#listeVignette { float:left; height:75px; width:531px; overflow:hidden; position:relative; }
#album ul { margin:0; padding:0; position:absolute; left:5px; }
#album ul li { list-style:none; margin:0 0 0 2px; float:left; }
#album ul li img { border:2px solid #B6B6B6; margin-right:6px; cursor:pointer; }
#album #ControleBtnUp, #album #ControleBtnDown { float:left; cursor:pointer; padding:15px 0; }

#listeVignette img { opacity:0.6; filter:alpha(opacity=60); -khtml-opacity:0.6; }
#listeVignette .photoHover { border:2px solid #666; opacity:1; filter:alpha(opacity=100); -khtml-opacity:1; }
#listeVignette .premier { padding:0; width:93px; overflow:hidden; }

/* 03_103 Sutton 3D
------------------------------------------------------------------------------------ */

#colVedetteGauche { float:left; width:469px; padding:0 10px 0 0; text-align:justify; }
#colVedetteDroite { float:left; width:261px; background:url(Gx/ombre-separateur-gauche.jpg) top left no-repeat; padding-left:15px; min-height:554px; height:auto !important; height:554px; }

/* 06_100 Sutton 3D
------------------------------------------------------------------------------------ */

.colPortailGauche { float:left; width:192px; }
#colPortailMilieu { float:left; width:300px; padding:0 10px; text-align:justify; }
#colPortailDroite {float:left; width:200px; }

/* TROUVER UN AGENT
------------------------------------------------------------------------------------ */

.photo { float:left; text-align:center; }
.photo img { border:2px solid #e7e7e7; }
.coord { float:left; padding:10px; width:398px; }
.coord .tRouge { padding-bottom:10px; }


#contenu .boxGroupe { border:1px solid red;}


#contenu .boxGroupe .liensGroupe { float:left; margin:7px 0 0 14px;  width:151px; }
#contenu .boxGroupe .liensGroupe li { background:url(Gx/02/li_fleche.gif) center left no-repeat; list-style:none; line-height:25px; margin:0; padding-left:15px; }
#contenu .boxGroupe .liensGroupe li.actif { background-image:url(Gx/02/li_fleche_active.gif); }
#contenu .boxGroupe .liensGroupe li.actif a { color:#C00; }

#contenu .boxGroupe { background:url(Gx/02/boxGroupe.gif) center top no-repeat; min-height:102px; height:auto !important; height:102px; width:736px; padding:6px 6px 0; border:1px solid #ddd; }
#contenu .boxGroupe .photo { height:110px; width:154px; overflow:hidden; }

#contenu .boxGroupe h1 { font-size:22px; font-weight:normal; padding:5px 0; }
#contenu .boxGroupe .coord { color:#3d3d3d; font-size:12px; line-height:20px; padding-top:0; width:397px; float:left; }

.boxAgentHaut { height:12px; background:url(Gx/contact/boxAgentTopGrand.jpg) top left no-repeat; }
.boxAgentBas { background:url(Gx/contact/boxAgentBasGrand.jpg) bottom left no-repeat; padding:0 27px 25px 15px; clear:both; }
.boxAgentBg { background:url(Gx/contact/boxAgentBgGrand.jpg) left repeat-y; }
.boxAgent { float:left; width:605px; margin:-10px 0 0 -10px; }
.boxAgent .photo { width:135px; margin:5px 5px 1px; position:relative; }
.boxAgent .photo img { max-width:131px; width:auto !important; width:131px; }
.boxAgent .photo .lnk_video { position:absolute; bottom:0; left:0; border-top:1px solid #e7e7e7; text-align:center; display:block; background:#fff; width:135px; line-height:16px; color:#D40000; display:none; }

.boxGroupe .photo img { width:150px; height:108px; }
.boxGroupe.agent .agentPhoto{ float:left; width:132px; }
.boxGroupe.agent { margin-bottom:10px; }
.boxGroupe.agent .coord_texte { padding:0; }
#contenu .boxGroupe.agent .liensGroupe { float:right; }

#contenu .liensAgent { float:left; margin-top:10px; width:150px; }
#contenu .liensAgent li { background:url(Gx/02/li_fleche.gif) center left no-repeat; font-weight:bold; list-style:none; line-height:25px; margin:0; padding-left:15px; }

.texteAgent { color:#3d3d3d; font-size:12px; line-height:20px; margin:10px 7px 40px; width:570px; }


#lnk_carte { color:#C50000; padding-left:5px; }
#lnk_carte:hover { color:#700; }

.listeAgent { border-right:1px solid #dadada; float:left; margin:15px 0; padding:0 33px; width:130px; line-height:13px; }
.listeAgent .photo { height:176px; width:131px; overflow:hidden; margin-bottom:6px; }
.listeAgent .photo img { max-width:129px; width:auto !important; width:129px; border:0; }
.listeAgent strong { color:#000; }
.listeAgent .lienAgent, .listeAgent .lienAgent:visited { color:#c60005; padding-bottom:5px; display:block; }

/*.listeAgent .lnk_detail { background:url(Gx/02/i_fiche.gif) no-repeat; color:#5d5d5d; display:block; line-height:23px; padding-left:40px; text-decoration:none; }
.listeAgent .lnk_detail:hover { color:#c60005; }*/
	
.listeAgent.premier { padding-left:15px; }	
.listeAgent.dernier { border:none; padding-right:15px; }

#contenu .listeBureaux { float:left; margin:0 50px 15px 0; display:inline; }
#contenu .listeBureaux li { background:url(Gx/02/li_fleche.gif) left center no-repeat; list-style:none; padding-left:15px; }


/* CONTACT
--------------------------------------------------------------------------------------- */

#panel_contact { position:relative; width:850px; }
#panel_contact #contact { float:left; width:594px; }
#panel_contact .h1 { color:#5e5e5e; font-size:20px; font-weight:bold; letter-spacing:-1px; margin:0; padding:0 0 10px; }

.boxAgentPetitHaut { height:12px; background:url(Gx/contact/boxAgentTop.png) top left no-repeat; }
.boxAgentPetitBas { background:url(Gx/contact/boxAgentBas.jpg) bottom left no-repeat; padding:0 40px 25px 15px; width:420px; }
.boxAgentPetit { background:url(Gx/contact/boxAgentBg.png) left repeat-y; }
.boxAgentPetit p { padding-bottom:5px; }
.boxAgentPetit .coord { width:280px; }
.boxAgentPetit .photo { max-width:126px; width:auto !important; width:126px; overflow:hidden; margin-top:5px; }
.boxAgentPetit .photo img { max-width:115px; width:auto !important; width:115px; }

/* CARTE
--------------------------------------------------------------------------------------- */
#carte { background:#343537; width:400px; padding:10px; float:right; color:#fff; }
#carte #map { border:1px solid #b7b7b7; width:400px; height:300px; color:#000; }
#carte #formDirection { margin:10px 0 0; }
#carte #formDirection #fromAddress { color:#000; font-size:12px; border:#CCC 1px solid; background:#FFF; width:145px; margin:0 10px 0 0; }
#carte #formDirection #bouton { color:#000; text-align:left; background:url(Gx/00/bouton2g_bg.gif) no-repeat top left; border:0px; width:168px; height:27px; padding:0 0 2px 18px; }
#carte #formDirection a, #cabinet #carte #formDirection a:link, #cabinet #carte #formDirection a:visited { color:#fff; font-size:11px; text-decoration:none; background:url(Gx/M/sousmenu_bg_on.gif) no-repeat 0 5px; padding:0 0 0 14px; } 
#cabinet #carte #formDirection a:hover { color:#999; }
#carte #directions { color:#fff; font-size:11px; min-height:0; margin:10px 0 0; display:none; }
#carte a, #carte a:link, #carte a:visited, #carte a:active, #carte a:hover { color:#fff; text-decoration:none; }
#carte p { float:right; font-size:11px; color:#000; padding:0 0 10px; }

#hoverMap { position:absolute; display:none; z-index:999; width:320px; }
#hoverMapContenu { border:solid #CCC 2px; padding:8px; text-align:center; background:#FFF; }
#hoverMapBas { position:relative; width:100%; height:14px; }
#hoverMapBasFleche { background:url(gx/fleche-bas.gif) no-repeat; width:14px;height:14px; position:absolute;top:-2px; }
#hoverMapHaut { position:relative; width:100%; height:14px; }
#hoverMapHautFleche { background:url(gx/fleche-haut.gif) no-repeat; width:14px;height:14px; position:absolute;bottom:-2px; }
#hoverMapContenu img { margin:0; padding:0; }
#hoverMap.flecheGauche #hoverMapHautFleche, #hoverMap.flecheGauche #hoverMapBasFleche { left:40px; }
#hoverMap.flecheDroite #hoverMapHautFleche, #hoverMap.flecheDroite #hoverMapBasFleche { right:40px; }
#hoverMap .image { width:300px;height:210px; overflow:hidden; }
#hoverMap .loading { width:300px;height:210px;background:url(gx/ajax-loader.gif) center no-repeat #EEE; display:none; overflow:hidden; }
#hoverMap.flecheBas #hoverMapHautFleche, #hoverMap.flecheHaut #hoverMapBasFleche {background-image:none}
#hoverMap.flecheBas #hoverMapBasFleche {background-image:url(gx/fleche-bas.gif); }
#hoverMap.flecheHaut #hoverMapHautFleche {background-image:url(gx/fleche-haut.gif); }
#hoverMap.flecheBas #hoverMapHaut, #hoverMap.flecheHaut #hoverMapBas { display:none; }
#hoverMap.flecheBas #hoverMapBas, #hoverMap.flecheHaut #hoverMapHaut { display:block; }

#hoverMapTxt { position:absolute; display:none; z-index:999; width:290px  }
#hoverMapTxtContenu { border:solid #CCC 2px; padding:8px; text-align:center; background:#FFF; text-align:center; }
#hoverMapTxtBas { position:relative; width:100%; height:14px; }
#hoverMapTxtBasFleche { background:url(gx/fleche-bas.gif) no-repeat; width:14px;height:14px; position:absolute;top:-2px; }
#hoverMapTxtHaut { position:relative; width:100%; height:14px; }
#hoverMapTxtHautFleche { background:url(gx/fleche-haut.gif) no-repeat; width:14px;height:14px; position:absolute;bottom:-2px; }
#hoverMapTxt.flecheGauche #hoverMapTxtHautFleche, #hoverMapTxt.flecheGauche #hoverMapTxtBasFleche { left:30px; }
#hoverMapTxt.flecheDroite #hoverMapTxtHautFleche, #hoverMapTxt.flecheDroite #hoverMapTxtBasFleche { right:30px; }
#hoverMapTxt.flecheBas #hoverMapHautFleche, #hoverMapTxt.flecheHaut #hoverMapTxtBasFleche { background-image:none; }
#hoverMapTxt.flecheBas #hoverMapTxtBasFleche { background-image:url(gx/fleche-bas.gif); }
#hoverMapTxt.flecheHaut #hoverMapTxtHautFleche { background-image:url(gx/fleche-haut.gif); }
#hoverMapTxt.flecheBas #hoverMapTxtHaut, #hoverMapTxt.flecheHaut #hoverMapTxtBas { display:none; }
#hoverMapTxt.flecheBas #hoverMapTxtBas, #hoverMapTxt.flecheHaut #hoverMapTxtHaut { display:block; }


/* Outils d'info-bulles en javascript onMouseover="ddrivetip('')"
------------------------------------------------------------------------------------*/
#dhtmltooltip { position:absolute; left:-300px; width:150px; padding:10px; visibility:hidden; z-index:100; text-align:left; }
#dhtmlpointer { position:absolute; left:-300px; z-index:101; visibility:hidden; }
#dhtmltooltip { border:1px solid #a1a9ae; background:#fff; color:#000; }

/* ICONES GÉNÉRALES
--------------------------------------------------------------------------------------- */
@media screen {
	.lienRSS { background:url(Gx/icone_RSS.gif) no-repeat left; padding:5px 0 5px 20px; }
	.lienPDF:link, .lienPDF:visited { background:url(Gx/icone_PDF.gif) no-repeat left; padding:5px 0 5px 20px; }
	.lienPPT:link, .lienPPT:visited { background:url(Gx/icone_PPT.gif) no-repeat left; padding:5px 0 5px 20px; }
}
/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
@media screen {
	#piedPage { background:url(Gx/M/bg_footer.jpg) top repeat-x #4f4f4f; height:175px; padding:0 0 15px; width:100%; color:#fff; position:relative; }
	#piedPage  a { color:#e9e9e9; text-decoration:none; padding:2px; }
	#piedPage  a:hover { color:#fff; text-decoration:underline; }
	
	#piedPage .menuBas a {background:url(Gx/M/li_fleche.gif) 2px center  no-repeat; padding-left:12px; }
	#piedPage .menuBas a:hover { background-color:#333; text-decoration:none; }
	
	#piedContenu { font-size:11px; padding-top:20px; }
	
	#piedPage .menuBas { float:left; padding:0 26px 30px 0; }
	#piedPage .menuBas li {  color:#8b8b8b; list-style:none; margin:0; }
	
	#piedTexte { float:left; padding-left:40px; width:595px; text-align:justify; }
	#piedTexte p { color:#e9e9e9; }
	#piedTexte .h2 { color:#fff; padding:0 0 4px; font-weight:normal; }
	/*#nosReseaux { float:right; }
	#nosReseaux .fb { background:url(Gx/facebook-icon.gif) left center no-repeat; padding-left:20px; }*/
	#copyrights { float:left; }
	
}


/* BOOKMARKS
--------------------------------------------------------------------------------------- */

#socialBookmarker { float:left; }
#socialBookmarkerPrefix { float:left; cursor:pointer; color:#000; }
.bookmarkIconesVisibles { float:left; margin-left:2px; }
.bookmarkIconesVisibles img { width:auto; border:none; }
#bookmarkHoverPopup { position:absolute; border:solid 1px #ccc; background-color:#fff; text-align:left; padding:4px 0 6px 4px; width:315px; display:none; }
#bookmarkHoverPopup .bookmarkHoverPopupItems { float:left; width:150px; height:25px; margin-right:4px; }
#bookmarkHoverPopup .bookmarkHoverPopupItems a { line-height:25px; height:25px; padding:1px 4px; margin-right:4px; }
#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited { border:none; color:#333; display:block; text-decoration:none; width:150px; }
#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover { color:#000; background-color:#ddd; }

@media print { #socialBookmarker, #bookmarkHoverPopup .bookmarkHoverPopupItems { display:none; } }

/* FORMULAIRES PERSONALISÉS
--------------------------------------------------------------------------------------- */

#formContact { background-color:transparent; background-image:none; }
#formulaireQuestion fieldset legend, #FormCIBC fieldset legend{ border:1px solid #666; font-size:12px; font-weight:bold; padding:5px; }
#formulaireQuestion label, #FormCIBC label { color:#000; display:block; font-size:11px; line-height:14px; margin-top:5px; }
#formulaireQuestion .listeDeroulante, #FormCIBC .listeDeroulante { width:300px; }
#formulaireQuestion .bouton, #formulaireLogin .bouton, #formulaireInscription .bouton{ position:absolute; bottom:0; right:0; }
#formulaireInscription .textePetit{ position:absolute; bottom:0; left:0; }

#FormDemandeCIBC fieldset{ border:1px solid #999; font-size:12px; font-weight:bold; padding:5px; width:500px; }
#FormDemandeCIBC fieldset legend{ border:0px solid #C21527; color:#C21527; font-size:12px; font-weight:bold; padding:5px; }
#FormDemandeCIBC label { color:#000; display:block; font-size:11px; line-height:14px; margin-top:5px;width:250px; float:left; }
#FormDemandeCIBC label.erreur { color:#dd1c1c; display:block; font-size:11px; line-height:14px; margin-top:5px;width:250px; float:left; }
#FormDemandeCIBC .listeDeroulanteCompact { width:200px; }

#formulaireLogin label { color:#000; margin:3px; width:116px; float:left; text-align:right; line-height:35px; padding-right:6px; }
#formulaireLogin .champTexte, #formulaireLogin #champCache { float:left; width:252px; }
#formulaireLogin div.devenirMembre { float:right; }
.remember{margin: 0 5px 0 0;}

#loginBTN{
	position: relative !important;
}


#formulaireInscription label, #formulaireLogin label, #formulaireInscription label { margin:3px; display:block; }
#formulaireInscription .champMotPasse { display:block; background:url(Gx/contact/champPetit.gif) no-repeat; border:none; color:#000; padding:10px; height:35px; width:100px; float:left;}

fieldset { position:relative; }

.infoBulle { left:125px; bottom:35px; cursor:default; padding:6px; border:1px solid #888; background-color:#fff; position:absolute; z-index:701; color:#888; display:none; -moz-border-radius:6px; -webkit-border-radius:6px; max-width:165px; width:auto !important; width:165px; }
.infoBulle.nom { left:25px; }
.infoBulle.texte { bottom:95px; }
.infoBulle div { position:relative; }
.infoBulle div div { display:block; width:11px; height:11px; background:url(Gx/pointe-bulle.gif) no-repeat; position:absolute; left:4px; bottom:-15px; }

/* AUTOSUGGEST
-----------------------------------------------------------------------------------------*/
.ac_results {
	padding:0;
	border:1px solid black;
	background-color:white;
	overflow:hidden;
	z-index:9999;
}

.ac_results ul {
	width:100%;
	list-style-position:outside;
	list-style:none;
	padding:0;
	margin:0;
}
.ac_results li {
	margin:0;
	padding:2px 5px;
	cursor:default;
	display:block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width:100%;*/
	 color:#C21527;
	font:menu;
	font-size:12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height:16px; overflow:hidden;
}

.ac_loading {
	background:white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	/*background-color:#eee;*/
}

.ac_over {
	background-color:#eee;
	color:white;
}

/* Classes spéciales *
--------------------------------------------------------------------------------------- */
.textePetit { font-size:10px; }
.floatRight { float:right; }
.floatLeft { float:left !important; }
.mortaise { float:left; margin:0 10px 10px 0; }
.voir{ display: block; visibility:visible; }
.innactif { cursor:default; }
.vert{ color: #34bd5b !important; }
.rouge{ color: #ec161e !important; }
.relative{ position:relative; }

.pub{text-align:center}

@media print{
	.textePetit { font-size:8pt; }

	.photo img { border:0; }
	.coord { padding:0 10px; }
	.listeAgent { border-right:0; padding:0 20px; width:130px; }
	.boxGroupe { border:0; }
	.boxAgent .photo { margin:0; }
	#contenu .liensAgent { display:none; }
	#contenu .boxGroupe .liensGroupe { display:none; }
	#contenu .listeBureaux li { list-style:disc; padding-left:5px; }
	#formulaireLogin, #formulaireInscription, #formulaireQuestion, #FormDemandeCIBC, #colonneGauche, #formContact, iframe { display:none; } 

	#piedPage { border-top:1pt solid black; padding-top:15px; clear:both; }
	#piedPage .menuBas { display:none; }

	.popup, #lightBox, #lightBox_contact { display:none; }
	#backgroundPopup { visibility:hidden; }

	.btnEnvoyer, #centreInfo #entete img, #centreInfo #colGauche #boxCTA { display:none; }
	#centreInfo #boxNouvelles { padding-top:0; border:0; }
	#centreInfo #boxNouvelles .nouvelles li a { padding:0 15px 10px; }
	#centreInfo #colGauche #col1 { width:210px; }
	#centreInfo #colGauche #col2 { width:210px; }
	#centreInfo #colGauche #col3 { width:210px; }

	#logo .screen { display:none; }
	#contenu { width:710px; float:none; position:relative; }
	#colGauche { width:710px; }
	#colDroite { display:none; }
	.main { width:710px; }
	
	.pub{display:none;}
}

/* IMERIS */
.form-imeris{color:#4a4a4a;font-size:13px;}
.form-imeris h2{position:relative;font-size:12px;color:#df7200;text-transform:uppercase;font-family:"Helvetica Neue", Arial;border-bottom:1px solid #d1d1d1;margin-bottom:3px;}
.form-imeris label{color:#4a4a4a; font-weight:normal; font-size:13px;margin:0;padding:0;}
.form-imeris hr.ligne{clear:both;border:0;border-bottom:1px solid #d1d1d1;height:1px;display:block;overflow:hidden;margin:0 0 2px 0;padding:0;}
.bouton-imeris, a.bouton-imeris, a.bouton-imeris:link,  a.bouton-imeris:visited { font-size:11px; color:#fff; background:#f3710c url(Gx/01/bouton-imeris-repeat.gif) repeat-x top; display:inline-block; line-height:17px; height:17px; font-weight:bold; border:1px solid #f7a21e; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; padding:8px 12px; cursor:pointer; }
.bouton-imeris:hover, a.bouton-imeris:hover, a.bouton-imeris:visited:hover { background:#f8a61c; text-decoration:none; }
.bouton-imeris:active, a.bouton-imeris:active { background:#f3710c; color:#fff; }

.bouton-imeris.petit, a.bouton-imeris.petit, a.bouton-imeris.petit:visited { padding:4px 10px; }

.champTexte-imeris, .boiteTexte-imeris {clear:both;display:inline-block; vertical-align:middle; margin:0;color:#7d7d7d; font-family:Tahoma,Arial; font-size:13px; padding:2px; text-shadow:0 1px 0 #fff; outline:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #bbb; }
.champTexte-imeris:focus, .boiteTexte-imeris:focus { border: 1px solid #fafafa; -webkit-box-shadow: 0 0 6px #ee7f0a; -moz-box-shadow: 0 0 5px #ee7f0a; box-shadow: 0 0 5px #ee7f0a;}

.listeDeroulante-imeris { font-size:13px; margin: 0 ; color:#7d7d7d; padding:1px 1px 1px 0; border:1px solid #bbb; }

#navLatR { background:url(Gx/imeris/imeris-bg.jpg) no-repeat; padding-top:150px;height:192px;}
#navLatM { padding:20px 7px 7px; position:relative; }
#navLatM a.hColonneD, #navLatM .hColonneD { margin:0 0 6px 3px; display:block; color:#777; }

a.hColonneD, .hColonneD { font-size:15px; text-transform:uppercase; font-weight:bold; color:#333; letter-spacing:-1px; line-height:22px;padding-bottom:10px; }
a.hColonneD:hover { text-decoration:none; }

#tauxVigueur th, #tauxVigueur td { font-size:11px; padding:1px 6px; color:#fff;  }
#tauxVigueur th { background:#df7a00; font-weight:bold; }
#tauxVigueur td { background:#919191; font-size:12px; }

#calTaux { width:47px; height:59px; background:url(Gx/imeris/design-sprite.png) 0 -94px; color:#000; overflow:hidden;  text-align:center; position:absolute; top:10px; right:9px; font-family:Arial, Verdana; }
#calMois { height:21px; line-height:23px; color:#fff; text-transform:uppercase; }
#calJour { font-size:23px; line-height:18px; font-weight:bold; padding:2px 0 1px; }

/* Partager cette page (AddToAny) */
a#lienPartager{float:left; text-align:left; width:160px; height:25px; background:url(gx/btn_partager.png) no-repeat; font-size:12px; font-weight:normal; padding-top:3px; padding-left:28px; color:#666; text-decoration:none;}