/* ***** FEUILLE DE STYLE CSS DU SITE INTERNET GIBOIRE *****

/*
Titre:      	Structure du site
Auteur:     	Acreat Web Technologies
Mise à jour:    19 Février 2008
*/

/* [ STRUCTURE DU SITE]---------------------------------------------------- */	

BODY, HTML
{
	height:100%;	
	background:#0974bc;
	font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; 
	font-size:12px;
	color:#000;
	margin:0;
	padding:0;
}

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

td, th
{
	vertical-align:top;
	padding:0; 
	margin:0; 
	border-collapse:collapse; 
	border:0;
}

a {
	color:#0064B4;
}

FORM { margin:0 }

#pagetype UL LI {
	list-style-image:url(../img/structure/puce01.gif);
}
	
/* [ Titres]---------------------------------------------------- */	

H1, H2, H3 {
	margin:0;
	padding:0;
}
	
H1 span { display:none; }

/* [ Textes]---------------------------------------------------- */	
.MESSAGE {
	background:#e7f4fb;
	text-align:center;
	padding:6px 4px;
	font-size:13px;
	margin:10px auto;
	font-weight:bold;
	color:#0064B4;
	line-height:1.5em
}

.MESSAGE EM {
	font-weight:normal;
}

#VIDEO {
	width:320px;
	height:240px;
	background:#FFF
}

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


/* [ Boutons]---------------------------------------------------- */


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

a img { border:0; }

/* [ Formulaire]---------------------------------------------------- */	

INPUT, TEXTAREA, SELECT { 
	background:#FFF url(../img/structure/fond-input.png) no-repeat top left;
	border:1px solid #ECECEC;
	padding:2px 1px 1px 2px;
}

TEXTAREA { width:100%; }

INPUT.submit, INPUT.image, INPUT.checkbox, NPUT.radio {
	border:0px;
	width:auto;
	background:transparent !important;
	padding:0;
}


.form_error 
{ 
	clear:left;
	background:#e7f4fb;
	padding:4px;
	margin:5px 0;
	text-align:left;
}

.form_error span
{ 
	font-size:10px;
	font-weight:bold;
	color:#0064B4; 
	text-align:left;
	padding:0 !important;
	margin:0 !important;
}


.clear { clear:both; }

/* [ CONTENEUR ]---------------------------------------------------- */

.conteneur {
	width:100%;
}
.content {
	margin:0 auto;
	position:relative;
	width:940px;
}	

/* [ ENTETE ]---------------------------------------------------- */	

#entete {
	background:#0467af url(../img/structure/fond_entete.jpg) no-repeat top center;
	height:158px;
	width: 940px;
	margin: 0 auto;
}	

#entete #bt-louer, #entete #bt-louer-actif {
	background:#0467af url(../img/structure/onglet_louer.jpg) top center;
	color:#b0f6ab;
	display:block;
	float:left;
	font-size:35px;
	font-weight:bold;
	height:53px;
	margin:5px 0 0 0;
	padding:100px 0 0 0;
	text-align:center;
	text-decoration:none;
	text-shadow:2px 2px 2px #348430;
	width:150px;
}
#entete A:HOVER#bt-louer, #entete #bt-louer-actif {
	background-position:0 -153px;
	color:#FFF;	
	text-shadow:2px 2px 2px #357f16;	
}
#entete #bt-achatanc, #entete #bt-achatanc-actif  {
	background:#0467af url(../img/structure/onglet_ancien.jpg) top center;
	color:#cde8fc;
	display:block;
	float:left;	
	font-size:35px;
	font-weight:bold;
	height:63px;
	line-height:30px;
	margin:5px 0 0 9px;	
	padding:90px 0 0 0;
	text-align:center;
	text-decoration:none;
	text-shadow:2px 2px 2px #1d5a8f;
	width:150px;
}
#entete A:HOVER#bt-achatanc, #entete #bt-achatanc-actif {
	background-position:0 -153px;
	color:#FFF;	
}
#entete #bt-achatneuf, #entete #bt-achatneuf-actif {
	background:#0467af url(../img/structure/onglet_neuf.jpg) top center;
	color:#c6fcff;
	display:block;
	float:left;	
	font-size:35px;
	font-weight:bold;
	height:63px;
	line-height:30px;
	margin:5px 0 0 9px;		
	padding:90px 0 0 0;
	text-align:center;
	text-decoration:none;
	text-shadow:2px 2px 2px #217fa9;	
	width:150px;
}
#entete A:HOVER#bt-achatneuf, #entete #bt-achatneuf-actif {
	background-position:0 -153px;
	color:#FFF;	
	text-shadow:2px 2px 2px #0a738b;	
}
#entete #anim {
	height:148px;
	position:absolute;
	right:160px;
	top:5px;
	width:298px;
}
#entete #logo  {
	position:absolute;
	right:0;
	top:5px;
}	
#entete #logo IMG {
	border:0;
}	

/* [ CONTENU ]---------------------------------------------------- */

#contenu {
	padding: 5px 0;
	width: 100%;
	min-width: 940px;
}
.index {
	padding:0 !important;
}	

/* [ PIED DE PAGE ]---------------------------------------------------- */

#piedpage {
	background:#0974BC url(../img/structure/fond_piedpage.png) no-repeat top center;		
	clear:both;
	height:150px;
	padding:5px 0 0 0;
	width:100%;
}
#piedpage #menu {
	text-align:center;
}
#piedpage #menu A {
	background:url(../img/structure/sep_piedpage.gif) no-repeat center left;			
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px;
	padding:0 8px;
	text-decoration:none;
	text-transform:uppercase;
}
#piedpage #menu A:HOVER {
	color:#a8e2ff;
}
#piedpage #menu A#first {
	background:none;
	padding-left:0;
}
#sitemap { 
	color:#7ecdf5;
	font-size:10px;
	margin:10px 0 0 0;
	text-align:center;
}
#sitemap DIV {
	display:inline;
	margin-right:15px;
}
#sitemap A { 
	background:none;
	color:#7ecdf5 !important;
	font-size:10px;
	font-weight:normal;	
	padding:0;
	text-decoration:none;
	text-transform:none;	
}
#sitemap A:HOVER { 
	color:#a8e2ff !important;
}	
#sitemap H1 {
	display:inline;
}
#sitemap H1 A { 
	color:#a8e2ff;
	font-weight:bold;
}

@media all and (min-width: 0px) {
	BODY:not(:root:root) #piedpage { font-size:13px; }
}

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

/* Formulaire recherche ------*/
#formulaire {	
	float:left;	
	height:420px;
	/height:421px;
	margin:0 0 5px 0;
	position:relative;	
	overflow:hidden;
	width:466px;	
}
#formulaire H1 {
	color:#FFF;
	height:50px;
	font-size:30px;
	line-height:25px;
	margin:0 0 10px 0;
	padding:5px;
	text-align:center;
}
#formulaire H1 SPAN {
	display:inline;
	font-size:25px;
	font-weight:normal;
}
#formulaire #form {	
	margin:0 auto;
	width:350px;
}	
#formulaire LABEL {
	font-size:20px;
	font-weight:bold;
	line-height:36px;
}
#formulaire INPUT.checkbox, #formulaire INPUT.image {	
	background:none;
	border:0;
	margin:0;
	padding:0;
}
#formulaire INPUT.image {	
	height:45px;
	margin:20px auto 0 auto;
	width:350px;	
}	
#formulaire EM { 
	font-size:11px;
}
#formulaire TD {
	padding:0 10px 0 0;
}
#formulaire #bt-alerte {
	display:block;
	height:94px;
	width:93px;
	position:absolute;	
	right:30px;
	top:80px;	
}

/* Carte Rennes Metropole ------*/
#carte{
	background:#FFF;
	float:left;
	height:418px;
	width:468px;
	border-bottom:1px solid #d0edb2;
	border-right:1px solid #d0edb2;	
}
#carte #CARTE-ACCUEIL{
	height:416px;
	margin:0 auto;
	width:450px;
}

/* Actualites ------*/
#actualite {
	float: left;
	clear: left;
	width: 470px;
	height: 75px;
	overflow: hidden;
	margin: 0 0 5px 0;
}
#actualite UL#liste-actualites {
	height: 75px;
	display: block;
}
#actualite UL,
#actualite UL LI {
	list-style: none;
	padding: 0;
	margin: 0;
}

#actualite .jcarousel-clip {
    margin: 0;
}


/* jCarousel */
/* [ JCAROUSEL ]---------------------------------------------------- */
.jcarousel-container {
    position: relative;
}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 25px 0;
    overflow: hidden;
    position: relative;
}
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
}
.jcarousel-next,
.jcarousel-prev {
    display: none;
}
.jcarousel-container {
	padding: 0;
	width: 470px;
	margin: 0;
	
}
.jcarousel-clip {
	margin:0;
	width:470px;
    height: 75px;
}
.jcarousel-list li,
.jcarousel-item {
	width:470px;
    height: 75px;
	overflow: hidden;
}
/* /jCarousel */

TABLE#actu {
	background:#FFF url(../img/index/fond_actualite.png) repeat-x top left;	
	border:1px solid #dfdfdf;
	display: block;
	font-size:16px;
	height:73px;
	margin:0;
	overflow:hidden;
	width:468px;
}
TABLE#actu TR TD {
	padding: 0;
	height: 73px;
	overflow: hidden;
}
TABLE#actu TR TD.photocell {
	width: 140px;
}
TABLE#actu TR TD.contentcell {
	width: 100%;
	padding: 0 5px 0 5px;
}

TABLE#actu TR TD.contentcell TABLE TR TD {
	height: 46px;
	vertical-align: middle;
}

TABLE#actu TR TD A {
	border: none;
	text-decoration: none;
}
TABLE#actu TR TD.contentcell H2 {
	color:#195488;
	font-size:18px;
	line-height:20px;
	padding:0;
	margin: 0;
}
TABLE#actu TR TD.contentcell DIV {
	color: #333;
	margin: 0;
	font-size: 12px;
	line-height:16px;
	height: 46px;
	overflow: hidden;
}

/* Autres pages ------*/	
#autre {
	float:right;
	/margin-top:5px;
}
#bt-investir, #bt-gerer, #bt-services, #bt-vendre {
	display:block;
	float:left;
	height:75px;
	width:115px;
}
#bt-investir { background:#f3a418 url(../img/index/rub_investir.jpg) top left; }
#bt-gerer { background:#74c9e2 url(../img/index/rub_gerer.jpg) top left; }
#bt-services { background:#7cd54b url(../img/index/rub_services.jpg) top left; }
#bt-vendre { background:#82a2cd url(../img/index/rub_vendre.jpg) top left; }
A:HOVER#bt-investir, A:HOVER#bt-gerer, A:HOVER#bt-services, A:HOVER#bt-vendre  { background-position:0 -75px; }


/* [ PAGE TYPE LE GROUPE, GERER, SERVICES EN LIGNE, VENDRE }---------------------------------------------------- */

.groupe #entete, .agences #entete, .contact #entete  {
	background:#0467af url(../img/groupe/groupe-giboire.jpg) no-repeat top center !important;
}

.gerer #entete { 
	background:#0467af url(../img/gerer/gerer.jpg) no-repeat top center !important;
}	

.iphone #entete { 
	background:#0467af url(../img/iphone/iphone.jpg) no-repeat top center !important;
}	

.groupe #entete #anim, .agences #entete #anim, .contact #entete #anim, .vendre #entete #anim, .emploi #entete #anim {
	padding-left:480px;
}
.groupe #contenu, .agences #contenu, .contact #contenu , .vendre #contenu, .emploi #contenu, .gerer #contenu , .iphone #contenu {
	background:#FFF url(../img/revente/fond_ancien.png) repeat-x top left !important;
}
.emploi #entete {
	background:#0467af url(../img/recrutement/recrutement.jpg) no-repeat top center !important;
}
.vendre #entete {
	background:url(../img/recrutement/entete_recrutement.jpg) no-repeat top center;
}

#pagetype {
	width:100%;
}
	 
#pagetype H1
{
	font-weight:bolder;
	color:#0064B4;
}	

#pagetype H2 
{
	font-size:18px;
	font-weight:bold;
	color:#0064B4;
	padding:0;
	margin:0;
}	

#pagetype h2.accroche {
	font-size:20px;
	text-align:justify
}	

	
#pagetype UL LI {
	margin-bottom:5px;
}	

#pagetype #bt-contact {
	background:url(../img/structure/bt-contact-type.png) no-repeat top left;
}

/* [ Colonne gauche droite Page type]---------------------------------------------------- */	

#pagetype #gauche { 
	padding:0 30px 0 0;
	width:405px;
}	

#pagetype #gauche P {
	text-align:justify;
	line-height:145%
}

#pagetype #gauche H1 {
	font-size:27px;
}

#pagetype #droite { 
	width:405px;
}

.sitemap #droite { 
	width: 100% !important;
}	


#pagetype #droite H1 {
	font-size:21px !important;
}

#pagetype .formulaire {
	margin:0 auto;
	text-align:left;
}

/*#pagetype .formulaire INPUT, 
#pagetype .formulaire SELECT  {
	margin:0 0 10px 0;
}*/

#simulation H1 {
	color:#0068B5 !important;
}	

.formulaire {
	margin:0 auto;
	text-align:left;
}
.formulaire INPUT {
	margin:0 !important;
	padding:0 !important;
}
.formulaire TH {
	padding:0 10px 0 0;
	text-align:left;
}	
.formulaire TD {
	padding:0 0 10px 0;
	vertical-align:top !important;
}	

/* [ Page Vente]---------------------------------------------------- */	
	
#supports .titre_support 
{
	font-size:12px;
	font-weight:bold;
	color:#0064B4;
	padding-bottom:6px;
}	

a#bt-tel-mag
{ 
	display:block;
	width:180px;
	height:20px;
	background:url(../img/vendre/bt-telecharger-mag.png) no-repeat top left; 	
	margin-top:10px;
}	

/* [ Page Groupe]---------------------------------------------------- */	

.agence  img { margin-right:25px; }

.agence .coordonnees-agence { vertical-align:bottom; }

.agence .titre-agence, .agence .titre-agence  a
{
	font-size:18px;
	font-weight:bold;
	color:#0A96E6;
	text-decoration:underline;
}

.agence .adresse-agence 
{
	font-size:12px;
}
	
.agence .adresse-agence span
{
	font-size:14px;
	text-transform:uppercase;
}

.agence .tel-agence
{
	font-size:16px;
	font-weight:bold;
}

.agence .bt-contact
{
	display:block;
	width:180px;
	height:20px; 
	background:url(../img/groupe/bt-contact.png) no-repeat top left; 	
	margin-top:10px;
}	

a#bt-groupe, a#bt-reseau
{ 
	display:block;
	width:180px;
	height:20px;	
}	

a#bt-groupe	{ background:url(../img/groupe/bt-groupe-giboire.png) no-repeat top left; }
a#bt-reseau	{ background:url(../img/groupe/bt-reseau-agences.png) no-repeat top left; }

/* [ Page Services en ligne]---------------------------------------------------- */	

.services-g  { background:url(../img/services/fond-services-g.jpg) no-repeat bottom left; height:489px; }
.services-d  { background:url(../img/services/fond-services-d.jpg) no-repeat top left !important; }

/* [ PAGE RESULTAT RECHERCHE}---------------------------------------------------- */	 

#resultat {
	width:100%;
}
#annonces
{
padding:0 30px 0 0;
}	


/* [ POP UP Opportunite ]---------------------------------------------------- */	

#popup_opportunite A {
	height:326px; 
	left:170px; 
	position:absolute; 
	top:58px; 
	z-index:1001 !important; 
	width:385px;
}
#popup_opportunite #fond_popup {
	background:#FFF; 
	height:470px; 
	position:absolute; 
	width:100% !important; 
	z-index:1000 !important; 
	filter : alpha(opacity=6);
	-moz-opacity : 0.6;
	opacity : 0.6;
}

/* [ Colonne gauche liste des annonces ]---------------------------------------------------- */	

#annonces H1
{
	height:32px;
	line-height:32px;
	font-size:19px;
	font-weight:bold;
	color:#FFF;	
	text-align:center;
	margin-bottom:26px;
}

#liste-annonce { 
	width:100%; 
	margin-top:-12px;
}	
#liste-annonce TD {
	padding:12px 0;
}	

.annonce
{ 
	position:relative;
	width:173px; 
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
}
.annonce A { 
	text-decoration:none;
}

TD.col0 .annonce { margin-left:0; }
TD.col2 .annonce { margin-right:0; }

.annonce H2, .annonce H3
{ 
	height:17px;
	line-height:17px;
	font-size:12px!important;
	font-weight:bold;
	color:#FFF !important;
	text-transform:uppercase;
	text-align:right;
	padding-right:5px !important;
}   

/* TOOLTIP */
.overlib_fg { background-color:white; width:210px; background-repeat:repeat-x; background-position:top; }
.overlib_bg { background-color:#FFF; filter:alpha(opacity=80); opacity:.80; }
.overlib_textfont { padding:4px 6px; text-align:justify; font-size:11px; }

/* [ Numérotation]---------------------------------------------------- */	

#PAGES 
{
	position:relative;
	clear:left;
	height:48px;
	margin-top:9px;
	margin-bottom:9px;
}	

#PAGES #nav
{
	top:0;
	right:0;
	height:30px;
}	

a#bt-prec
{ 
	float:left;
	display:block;
	width:30px;
	height:30px;
	background:url(../img/structure/bt-prec.jpg) no-repeat top left; 	
	margin-right:15px;
}	

a#bt-suiv
{ 
	float:left;
	display:block;
	width:30px;
	height:30px;
	background:url(../img/structure/bt-suiv.jpg) no-repeat top left; 	
}	

#PAGES {
	height:30px;
	font-size:14px; 
	line-height:30px;	
	position:relative;	
	width:100%;	
}	

#PAGES #num 
{ 
	margin:0 auto;
	text-align:center;	
	width:90%;
}

#PAGES #num  ul
{
	display:inline;
	list-style-type:none; 
	font-weight:bold;
	margin:0; 
	margin-left:auto;
	margin-right:auto;
	padding:0; 
}	

#PAGES #num  ul li { display:inline; margin:0 3px; background:none !important; padding:0 !important }	
#PAGES #num  ul li a { text-decoration:underline; }	
#PAGES #num ul a.active {}	

#PAGES #num  em
{
	display:inline;
	font-style:normal;
	font-weight:bold;
}

#PAGES LI.next, #PAGES LI.previous  {
	margin-right:
} 

#PAGES .next A, #PAGES .previous A  {
	color:#0F7CC1;
	font-size:0;
	text-align:left;	
	text-decoration:none !important;
} 
#PAGES .previous {
	position:absolute;
	left:-3px;
	top:0;
	width:30px;
}
#PAGES .next {
	position:absolute;
	right:-3px;
	top:0;
	width:30px;	
}

/* [ Colonne droite Rechercher]---------------------------------------------------- */	
#rechercher {
	border:1px solid red;
	width:224px;
	padding-bottom: 5px;
}	

#rechercher .panel-form {
	padding:10px;
}	
#rechercher TABLE, #rechercher LABEL, #rechercher P, #rechercher H1 { 
	width:180px; 
	margin-left:auto;
	margin-right:auto;
}
#rechercher LABEL {
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	margin:0 0 10px 0;
}
#rechercher TABLE, #rechercher LABEL
{
	font-size:14px;
	font-weight:bold;
}	

#rechercher H1 {
	text-align:center;
	font-size:24px;
	margin:15px auto;
}

#rechercher P { 
	text-align:justify;
	color:#000;
	line-height:140%;
	font-size:13px;
}

#rechercher INPUT, #rechercher SELECT  {
	border:0;
	background:#FFF
}

#rechercher INPUT.checkbox {
	border:0;
}

#rechercher INPUT#budget { width:122px; }


#rechercher .options {
	text-align:center;
}

#rechercher .options INPUT,
#rechercher .options A {
	margin:10px auto auto auto;
}

#rechercher .options A {
	display:block;
}

#rechercher .options A#bt-n-recherche { 
	display:block;
	width:180px;
	height:20px;
	margin: 25px auto 0;
	background:url(../img/revente/bt-n-recherche.png) no-repeat top left; 
}	

#rechercher .options  A#bt-exclus {
	width:185px;
	height:35px;
	margin: 0 auto;
	background:url(../img/revente/bt-exclus.png) no-repeat -3px 0; 	
}

a#bt-transfert { 
	display:block;
	width:180px;
	height:20px;
	background:url(../img/revente/bt-transfert.png) no-repeat top left; 
}	

a#bt-consulter { 
	display:block;
	width:180px;
	height:20px;
	background:url(../img/structure/bt-consulter-panier.png) no-repeat top left; 
}	

/* -- mini-map -- */

#MINI-CARTE-DIV {
	z-index:999;
	position:relative;
	width:224px;
	height:185px;
	background:#FFF;
	text-align:center;
}

#MINI-CARTE-DIV #MINI-CARTE-SRC {
	position:absolute;
	top:0;
}

/* -- zoom -- */

#MINI-CARTE-DIV #ZOOM-CARTE-DIV {
	position:absolute;
	top:0;
	right:0;
	display:none;
	z-index:999;
}

#MINI-CARTE-DIV #ZOOM-CARTE-DIV IMG {
	border:1px solid #036;
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#72adcf,strength=3);
}

/* PANIER */

#panier {
	width:100%;
}	

#panier #rechercher {
	background:#FFF
}	

#panier #rechercher P {
	margin-bottom:20px;
}	



/* [ FICHE D'UN BIEN]---------------------------------------------------- */	

#fiche {
	width:100%;
}

/* [ Colonne gauche photos]---------------------------------------------------- */	

#fiche #photos { 
	border: 0px solid red;
	position:relative;
	width:340px;
	padding: 0 40px 0 0;
}

/* -- pdtInBasket -- */
#pdtInBasket {
	display:block;
	width: 360px;
	height:30px;
	padding: 0;
	position:absolute;
	left: 0;
	top: 0;
	border: none;
	z-index: 999;
}

#pdtInBasket A {
	background: transparent url(../img/structure/ajout_bien.png) top left no-repeat;
	width: 360px;
	height:30px;
	text-align: left;
	text-indent: -999em;
	overflow: hidden;
	display: block;
}

#LOADING {
	position:absolute;
	top:95px;
	left:110px;
	width:140px;
	visibility:hidden;
	text-align:center;
	padding:4px 3px;
	filter:alpha(opacity=50);
	opacity:.50;
}

#LOADING span {
	display:block;
	font-size:10px !important;
	color:#0068B5 !important;
	padding-top:3px;
	text-align:center;
}

#PHOTO-PRINCIPALE
{
	position:relative;
	width:360px;
	text-align:right;
}

#PHOTO-PRINCIPALE span
{
	display:block;
	height:20px;
	line-height:20px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	padding-right:9px;
}

#LISTE-PHOTOS {
	position:relative;
	margin:9px 10px auto 10px;
	width:430px;
	border-collapse:collapse;
}

#LISTE-PHOTOS TD {
	padding:0;
	vertical-align:middle;
	text-align:center;
} 

#LISTE-PHOTOS .fleche { cursor:pointer; }

#PHOTOS-BOX {
	text-align:left;
	margin: 5px auto 0;
	z-index:100; 
}

#PHOTOS-BOX UL {
	list-style: none;
	margin: 0;
	padding: 0;
	width:360px;
	height:121px;
}

#PHOTOS-BOX UL LI {
	list-style: none;
	float: left;
	margin: 0 6px 3px 0;
}

#PHOTOS-BOX UL LI.last {
	margin-right: 0;
}

#PHOTOS-BOX IMG {
	border: 1px solid;
}

#PHOTOS-BOX IMG.active {
	filter:alpha(opacity=60);
	opacity:.60;
	cursor:default;
}

/*
#PHOTOS-BOX IMG {
	margin:0 3px 0 2px;
	/margin:0 0 0 2px;
	cursor:pointer;
}

#PHOTOS-BOX IMG.active {
	filter:alpha(opacity=60);
	opacity:.60;
	cursor:default;
	margin:0 3px 0 2px;
	/margin:0 0 0 2px;
}*/

#fiche #PAGES { width:360px !important; }

#fiche #photos #PAGES #nav { right:45px !important; }
#fiche #photos #PAGES #num  { right:20px !important; }

#bt-retour 
{
	float:left;
	width:auto;
	height:30px;	
	line-height:30px;
	background:url(../img/structure/bt-retour.jpg) no-repeat center left; 
	padding-left:36px;
	margin:auto auto auto 45px;
	font-weight:bold;
	color:#0064B4 !important
}	


#bt-retour-resultat
{
	display:block;
	float:left;
	width:163px;
	height:23px;	
	background:url(../img/structure/bt-retour-resultat.jpg) no-repeat center left;
	overflow:hidden;
	text-indent:-1000em;
}	

/* [ Colonne droite Informations bien]---------------------------------------------------- */	
#fiche #bread  {
	display:none;
}

#fiche #infos 
{ 
}	

#fiche #bandeau-exclu
{
	width:527px;
	height:26px;	
	background:url(../img/revente/bandeau-exclu.png) no-repeat top left;
	margin:0 auto 10px auto;
}
	
#fiche H1
{
	font-size:22px;
	font-weight:bold;
	color:#000;
	margin-bottom:15px;
}

#fiche H1 strong
{
	text-transform:uppercase;
	font-weight:bolder;
}	

#fiche H1 span
{
	display:inline;
	font-size:20px;
}	

#fiche H2
{
	font-size:18px;
	font-weight:bold;
	color:#0068B5;
}	
	
.infos-comp 
{
	width:100%;
	border-collapse:collapse;
	border:1px solid #000;
	margin-top:5px;
}

.infos-comp .col1 { width:38%; }

.infos-comp TD 
{

	padding:3px 5px;
	font-size:12px;
	width:25%;
	white-space:nowrap;
}


#fiche #infos  p.description
{
	font-size:14px;
	text-align:justify;
	margin-top:5px;
	line-height:130%;
}	

#fiche #infos em
{
	color:#666;
	display:block;
	font-size:10px;
	font-style:normal;
	border-bottom:1px dotted #999;
	margin-top:9px;
} 

/* [ Colonne droite Options]---------------------------------------------------- */	
#fiche-options { width:100%; margin-top:15px; }

.agencecell { height: 75px; width: 50%; padding-left: 40px; }
.agencecell #agence { margin-bottom:15px; }

#agence span#typo1, #agence span#typo2, #agence span#typo3 
{
	font-size:18px;
	color:#0064B4;
}

#agence span#typo2, #agence span#typo3 { font-weight:bolder; }
#agence span#typo3 { color:#64BEE6; }

#agence span#tel
{
	font-size:19px;
	font-weight:bolder;
	color:#0064B4;	
}

a#bt-contact
{
	display:block;
	width:180px;
	height:20px; 
	background:url(../img/structure/bt-contact.png) no-repeat top left;
	margin: 0 0 5px;
}	

a#bt-simulation
{
	display:block;
	width:180px;
	height:20px;	
	background:url(../img/structure/bt-simulation.png) no-repeat top left;
	margin: 0 0 5px;
}	

a#bt-imprimer
{ 
	display:block;
	width:180px;
	height:20px;
	background:url(../img/structure/bt-imprimer.png) no-repeat top left; 	
	margin: 0 0 5px;
}

a#bt-retour-fiche
{ 
	display:block;
	width:163px;
	height:20px;
	background:url(../img/structure/bt-retour-fiche.png) no-repeat top left; 	
	margin: 0 0 5px;
	text-indent: -999em;
	overflow: hidden;
}	

a#bt-panier
{
	display:block;
	width:180px;
	height:20px;
	background:url(../img/structure/bt-panier.png) no-repeat top left; 	
	margin: 0 0 5px;
}	

a#bt-envoyer
{
	display:block;
	width:180px;
	height:20px;
	background:url(../img/structure/bt-envoyer.png) no-repeat top left; 	
	margin: 0 0 5px;
}		

a#bt-plan
{
	display:block;
	width:180px;
	height:20px;
	background:url(../img/structure/bt-plan.png) no-repeat top left; 	
	margin: 0 0 5px;
}

a#bt-mail
{ 
	display:block;
	width:180px;
	height:20px;
	background:url(../img/recrutement/repondre-mail.png) no-repeat top left; 	
	margin: 0 0 5px;
}
/* AddThis */
.share {
	background:url(../img/structure/bt-envoi-ami.png) no-repeat top left;
	width: 180px;
	height: 19px;
	margin: 0;
	padding: 2px 0 0 0;
	display: block !important;
}
.share A {
	background: blue !important;
	opacity: 0 !important;
	filter: alpha(opacity = 0) !important;
	float: left;
	margin: 0;
	height: 16px;
	text-indent: -999em;
	overflow: hidden;
}
.share A SPAN {
	display: none;
}

.share A.addthis_button_facebook {
	width: 16px;
	margin: 0 0 0 5px;
}
.share A.addthis_button_twitter {
	width: 16px;
	margin: 0 0 0 5px;
}
.share A.addthis_button_email {
	width: 132px;
	margin: 0 0 0 5px;
}
#at16pt {
	background: #0763A1 url(../img/revente/titre_annonce_bas.png) repeat-x top left !important;
}
#at16pt,
#at16pt H4,
#at16ptx {
	color: #FFFFFF !important;
}
#at16pm {
	height: 340px !important;
}
#at16pf {
	display: none !important;
}
/* //AddThis */

.dpecell {
	width: 50%;
	padding: 0 0 0 40px;
	margin: 0 auto;
}

.dpecell #dpe {
	width: 180px;
}

.dpecell .technique {
	font-size: 9px;
	color: #666;
	text-align: center;
}

/* [ Colonne droite Simulation Financière]---------------------------------------------------- */	

#simulation H1
{
	text-transform:uppercase;
	margin-top:20px;
	margin-bottom:0;
}

#simulation INPUT, #simulation SELECT  {
	margin:0 0 10px 0;
}

#simulation INPUT.number { text-align:right; padding-right:3px; }
	
#simulation TH { font-size:14px }
	

#simulation TD span { padding-left:20px; text-align:right; }
	
#simulation p#invest
{
	font-size:14px;
	font-weight:bold;
	color:#0068B5;
}

#simulation p#invest a
{
	color:#0068B5;
	text-decoration:underline;
}	

/* [ Colonne droite Résultat Simulation]---------------------------------------------------- */	

#simulation INPUT#montantm { background:url(../img/structure/fond-input2.png); border:1px solid #cde1ea; } 



/* ----
* PAGE RECRUTEMENT 
*/

table.recrutement #gauche .intro {
	background:#0A95E6;
	color:#FFF;
	font-weight:bold;
	font-size:17px;
	left:0;
	top:0;
	padding:10px 40px;
}

table.recrutement #gauche {
	padding:0;
	width:450px !important;
	position:relative !important;
	padding-bottom:80px !important;
	padding-right:30px;
}

table.recrutement #gauche ul {
	padding:0 45px;
	background-image:none;
}

table.recrutement #gauche ul li {
	list-style:none !important;
	background-image:none;
	padding:0;
	font-size:17px;
	font-weight:bold;
}

table.recrutement #gauche a {
	text-decoration:none;
	color:#64BEE6
}

table.recrutement #gauche .active a {
	color:#0064B4
}


table.recrutement #gauche .outro {
	position:relative;
	bottom:8px;
	z-index:999;
	padding:20px 45px 0 45px;
}

table.recrutement #gauche .outro em {
	color:#0064B4;
	font-size:14px;
}

table.recrutement #gauche .outro div {
	border-top:1px solid #000;
	margin-top:0px;
	padding-top:5px;
	font-weight:bold;
	font-size:12px;
	width:380px;
}

table.recrutement .reference {
	width:406px;
	height:20px;	
	line-height:20px;
	background:#0A96E6;
	margin-bottom:10px;
	text-align:center;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	font-size:15px;
	letter-spacing: 10px
}

table.recrutement .profil {
	background:#D2E6F0;
	padding:8px;
}

table.recrutement .howto {
	border-top:1px solid #000;
	padding-top:5px;
	margin:25px auto 10px auto;
	font-weight:bold
}


/* --- */

/* ---
* bread
*/
#bread {
	margin-bottom: 6px;
	font-size:11px;
}

#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
} 

#bread li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
}

#bread li.active a {
	color:#000;
	text-decoration:none
}



/* [formulaire de contact] ----- */

#contact {
	text-align:left;
}

#contact H1 {
	color:#0B61B8 !important;
}

#contact .formulaire {
	margin:0 auto;
}

/*
#contact INPUT, #contact SELECT  {
	margin:0 0 10px 0;
}*/

#contact INPUT#adresse, 
#contact INPUT#adresse2 { 
	width:100%; 
}
#contact INPUT#cp { width:100px; }
#contact INPUT#ville { width:165px; }


.options {
	width:100%
}

.options.absolute {
	position:absolute;
	width:406px;
	bottom:47px;
}



/* [ JCAROUSEL ]---------------------------------------------------- */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 25px 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/**
 * PHOTOS FICHE
 */
.jcarousel-skin-fiche .jcarousel-container {
	padding:0;
	width: 411px;
	margin: 0;
	
}

.jcarousel-skin-fiche .jcarousel-clip {
	margin: 0 24px 0;
	width: 360px;
    height: 90px;
}

.jcarousel-skin-fiche .jcarousel-list li,
.jcarousel-skin-fiche .jcarousel-item {
	width:118px;
    height: 90px;
    padding: 0 0 0 2px;
	overflow:hidden;
}

.jcarousel-skin-fiche IMG {
	cursor:pointer;
}

.jcarousel-skin-fiche IMG.active {
	filter:alpha(opacity=60);
	opacity:.60;
	cursor:default;
}

.jcarousel-skin-fiche .jcarousel-prev {
	background:transparent url(../img/location/fleche-prec.jpg) no-repeat;
	height:24px;
	width:24px;
	position:absolute;
	top: 30px;
	left: 0;
	cursor: pointer;
}

.jcarousel-skin-fiche .jcarousel-prev-disabled {
	background:transparent url(../img/location/fleche-prec.jpg) no-repeat scroll 0 0;
	cursor:default;
	visibility: hidden;
}

.jcarousel-skin-fiche .jcarousel-next {
	background:transparent url(../img/location/fleche-suiv.jpg) no-repeat;
	height:24px;
	width:24px;
	position:absolute;
	right: 0;
	top: 30px;
	cursor: pointer;
}

.jcarousel-skin-fiche .jcarousel-next-disabled {
	background:transparent url(../img/location/fleche-suiv.jpg) no-repeat;
	cursor:default;
	visibility: hidden;
}