/* ***** FEUILLE DE STYLE CSS DU SITE INTERNET DELPHINE TEILLAUD *****

/*
Titre:      	   Structure du site
Auteur:           Acreat Web Technologies
Mise à jour:    28 Juillet 2008
*/

/* CSS Document */
HTML { 
	background:#005358 url(../img/structure/fond_site.jpg) no-repeat top center; 
}

BODY { 
	color:#660066; 
	font-family:arial,verdana,sans-serif; 
	font-size:11px; 
	padding:0; 
	margin:0; 
}	

.clear { clear:both; }

@media print { 
	.noprint {
		display:none;
	}
}


#SITE { 
	width:960px;
	margin:auto;
}

H1 {
	font-size:20px; 
	margin-top: 0; 
	font-weight:bold; 
	color:#660066; 
}

H2 { 
	height:20px; 
	line-height:20px; 
	background:#CCFF66; 
	font-size:14px; 
	font-weight:bold; 
	color:#660066; 
	padding:2px 5px;
}

H2.arrond {
	padding:0;
	background:none;
}

H2.arrond DIV {
	float:left;
	height:21px; 
	line-height:21px; 
	background:#CCFF66; 
}

H2.arrond .left {
	background:#CCFF66 url(../img/structure/arrondi_g_h2.gif) no-repeat top left;
	padding-left:8px;
}

H2.arrond .right {
	background:#CCFF66 url(../img/structure/arrondi_d_h2.gif) no-repeat top right;
	padding-right:8px;
}

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

TABLE {
	border-collapse:collapse;
	width:100%
}

TH, TD { 
	vertical-align:top; 
	padding:0; 
}

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

A { color:#660066; text-decoration:none; }
IMG { border:0; }

/* [Formulaires]------------------------------------------- */

FORM { margin:0 }
INPUT.submit {
	width:auto 					!important;
	background:#660066;
	color:white;
	border:1px solid #660066;
	border-color:#A569A5 black black #A569A5;
	font-weight:bold;
	margin:auto;
	padding:2px;
}

INPUT.checkbox {
	width:auto !important;
	border:0px !important;
}

.MESSAGE {
	color:#CA0B1D;
	text-align:center;
	margin:10px 0;
	border:1px solid #CA0B1D;
	padding:5px;
	font-weight:bold;
	background:#FFFFE1;
	font-size:12px; 
}


.cadre_info {
	border:4px solid #E7ED97;
	margin:30px auto;
	width:80%;
	padding:8px;
	font-size:13px;
	text-align:center;
	background:#FFFFE1;
	line-height:150%;
	font-weight:bold;
}
	
.cadre_info span {
	display:block;
	margin-top:10px;
	font-weight:normal;
}

div.form_error {
	color:red;
	font-weight:bold;
	background-image:url(../img/structure/error.png);
	background-repeat:no-repeat;
	background-position:left middle;
	padding-left:18px;
	margin:5px auto;
	font-size:12px;
}

/* [ Entête]---------------------------------------------------- */	

#entete { 
	position:relative; 
	z-index:99; 
	height:178px; 
	background:url(../img/structure/agence_delphine_teillaud.gif) no-repeat top left; 
	background-position:22px 14px; 
	margin-bottom:3px; 
}

#entete #animation { 
	background:#99CC33;
	z-index:1; 
	display:block; 
	top:20px;
	right:0;
	width:530px;
	height:105px;
	position:absolute; 
}

#entete #bt_nosvideos { 
	z-index:1; 
	display:block; 
	position:absolute; 
	bottom:-27px; 
	right:38px; 
	width:91px; 
	height:62px; 
	background:url(../img/structure/bt_nosvideos.gif) no-repeat top left; 
	font-size:14px; 
	font-weight:bold; 
	color:#FFF; 
	text-decoration:none; 
	text-align:center; 
	padding-top:25px; 
	padding-left:8px;  
}

#entete a#home {
	position:absolute;
	left:15px;
	width:315px;
	height:140px
}

/* menu */
#menu_p { 
	position:absolute; 
	bottom:0; 
	height:36px; 
	width:100%; 
	background:#99CC33; 
}

#menu_p UL { 
	list-style-type:none; 
	margin:0; 
	padding:0; 
	margin-left:17px;
}

#menu_p UL LI { 
	position:relative; 
	float:left; 
	background:none;
	padding:0 10px; 
	margin:0; 
}


#menu_p UL LI A { 
	display:block; 
	font-size:14px; 
	font-weight:bold; 
	text-transform:uppercase; 
	color:#660066; 
	line-height:36px; 
	height:36px; 
	text-align:center; 
	width:95px; 
}


#menu_p LI A:HOVER, #menu_p LI.active A   { 
	background:url(../img/structure/marqueur_haut_bas.gif) no-repeat top center; 
}

#menu_p UL LI#presentation A:HOVER, #menu_p LI#acheter A:HOVER, 
#menu_p LI#louer A:HOVER, #menu_p LI#extranet A:HOVER  { 
	background:url(../img/structure/marqueur_haut.gif) no-repeat top center; 
}

#menu_p UL LI#acheter A, 
#menu_p UL LI#vendre A, 
#menu_p UL LI#louer A, 
#menu_p UL LI#gerer A,
#menu_p UL LI#extranet A { 
	width:70px; 
}

#menu_p UL LI#presentation A, 
#menu_p UL LI#neuf A { 
	width:151px; 
}

#menu_p li:hover ul, #menu_p li.sfHover ul { /* lists nested under hovered list items */
	left: auto;
}

/* second-level lists */

#menu_p li ul {
	margin:0;
	position: absolute;
	z-index:999;
	width: 145px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height:auto;
	line-height:auto;
	background:#9BCE35 url(../img/structure/fond_sous_menu.gif) repeat-x bottom left; 	
	padding:3px 8px; 
	top:33px;
}
#menu_p li#presentation ul {
	width:135px !important;
}
#menu_p li#extranet ul {
	width:160px !important;
}
	
#menu_p LI UL LI { 
	width:145px; 
	padding:0;
}
#menu_p li#presentation ul li {
	width:135px !important;
}
#menu_p li#extranet ul li {
	width:160px !important; 
} 

#menu_p LI UL LI A { 
	display:block;
	width:auto !important;
	line-height:15px !important;
	height:auto !important;
	text-transform:none;
	text-align:left;
	background:url(../img/structure/fleche01.gif) no-repeat center left !important; 
	padding:5px 5px 5px 12px;
}

#menu_p LI UL LI A:HOVER { 
	text-decoration:underline; 
	background:none !important; 
}


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

#page { 
	width:100%; 
	background:#FFF; 
	height:500px;
}

#page TD#menu_g { 
	padding:15px 0; 
	width:219px; 
	padding-left:15px; 
	font-size:13px;
}

#page TD#contenu { 
	padding:15px 15px 20px 16px;
}


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

#page TD#menu_g H3 { 
	font-size:14px;
	text-align:center;
	text-transform:uppercase
}

#bt_nouveautes { 
	display:block; 
	width:122px; 
	height:24px; 
	line-height:24px; 
	background:url(../img/structure/bt_nouveautes.gif) no-repeat top left; 
	font-size:14px; 
	font-weight:bold; 
	color:#FFF; 
	padding-left:30px; 
	margin-bottom:15px; 
	margin-left:15px; 
}

#bt_alerte_mail{ 
	display:block; 
	width:171px; 
	height:19px; 
	line-height:17px; 
	background:url(../img/structure/bt_alerte_mail.png) no-repeat top left; 
	font-size:13px; 
	font-weight:bold; 
	color:#FFF; 
	text-align:center;
	text-transform:uppercase;
	margin-bottom:15px; 
	margin-left:20px; 
}
A:HOVER#bt_alerte_mail{ 
	color:#CAF763;
}	

#bt_contact { 
	display:block; 
	width:150px; 
	height:25px; 
	line-height:25px; 
	background:url(../img/structure/picto_contact.gif) no-repeat top left; 
	font-size:14px; 
	font-weight:bold; 
	color:#660066; 
	padding-left:30px;
	margin-bottom:15px; 
	margin-left:30px; 
}	
A:HOVER#bt_contact {
	color:#99CC33;
}	

.bt_offres { 
	display:block; 
	width:171px; 
	height:19px; 
	line-height:17px; 
	background:url(../img/structure/bt_offre.png) no-repeat top left; 
	font-size:13px; 
	font-weight:bold; 
	color:#FFF; 
	text-align:center;
	text-transform:uppercase;
	margin-bottom:15px; 
	margin-left:15px; 
}
A:HOVER.bt_offres{ 
	color:#CAF763;
}	
	
	
.zone { 
	background:#CCFF66; 
	font-size:12px; 
	margin-bottom:15px; 
	width:219px;
}


.zone .titre_zone { 
	height:29px; 
	line-height:25px; 
	font-size:14px; 
	font-weight:bold; 
	letter-spacing:-0.1px; 
	padding-left:35px; 
}

.zone  .texte_zone { 
	margin:0; 
	padding:0 15px; 
	text-align:justify; 
}

.zone  .texte_zone P { 
	margin:0; padding:0; 
}

.zone  .texte_zone .vignette { 
	float:left; 
	clear:left; 
	margin-right:5px;  
	background:url(../img/pt-loading-bgvert_pale.gif) center no-repeat;
}

.zone .bas_zone { 
	height:14px; 
	background:url(../img/structure/bas_zone.gif) no-repeat top left;
}
/* zone recherche */
.recherche .titre_zone { 
	background:url(../img/structure/titre_recherche.gif) no-repeat top left; text-transform:uppercase; 
}

.recherche #ou { 
	clear:left; 
	height:29px; 
	background:url(../img/structure/ou.gif) no-repeat top left; 
}

.recherche #type P, .recherche #commune P { 
	font-size:14px; 
	font-weight:bold; 
	color:#A02C1C; 
	padding:0; 
	padding-left:35px;
	margin:0; 
}

.recherche #type UL { 
	float:left; 
	list-style-type:none; 
	margin:0; 
	margin-top:8px; 
	margin-left:15px; 
	/margin-left:8px; 
	margin-bottom:6px; 
	padding:0;  
}

.recherche #type UL LI { 
	background:url(../img/structure/fleche01.gif) no-repeat top left; 
	background-position:0 4px; 
	padding:0; 
	padding-left:12px; 
	margin:0; 
}

.recherche #type UL LI  A:HOVER { 
	color: #A02C1C; 
}

.recherche #commune SELECT {
	width:150px; 
	margin-top:5px; 
	margin-left:35px; 
}


/* zone coup de coeur */
.coupcoeur .titre_zone { 
	background:url(../img/structure/titre_coupcoeur.gif) no-repeat top left; text-transform:none; 
}

.coupcoeur  .texte_zone {
	text-align:center
}

/* zone nouveautes */
.nouveautes .titre_zone { 
	background:url(../img/structure/titre_nouveautes.gif) no-repeat top left; 
	text-transform:none; 
}

.nouveautes  .texte_zone {
	height:65px;
	text-align:center;
}

html>body .nouveautes  .texte_zone {
	height: auto;
	min-height: 65px;
}

.nouveautes IMG {
	margin:0 auto 8px auto
}

.nouveautes .infos_annonce {
	text-align:justify;
}

.nouveautes .lieu { 
	font-weight:bold; 
	color:#A02C1C; 
}

/* zone videos */
.videos .titre_zone { 
	background:url(../img/structure/titre_videos.gif) no-repeat top left; 
	text-transform:none; 
}

.videos .texte_zone {
	margin-top:-10px;
	margin-bottom:-10px;
	text-align:center
}

.videos .texte_zone A { 
	display:block;
	margin:15px 0
}


.zone .video {
	text-align:center
}

.zone .video IMG{
	margin:auto;
}

.zone .video STRONG { 
	display:block;
	font-weight:bold;
	margin-top:3px;
}

/* CONTENU COLONNE GAUCHE */


#page TD#menu_g .coords { 
	margin-left:18px;
}

#page TD#menu_g .coords P STRONG {
	color:#A02C1C; 
}

#page TD#menu_g .coords UL{
	padding-left:20px;
}

#page TD#menu_g .coords UL LI {
	font-size:13px;
}

#page TD#menu_g .coords P A {
	text-decoration:underline
}


/* NEGOCIATEUR */
.negociateur {
	
}

.negociateur .nom { 
	color:#A02C1C; 
	padding-top:8px; 
}

.negociateur .fonction { 
	font-style:italic
}

.negociateur .nom SPAN { 
	text-transform:uppercase; 
}

.negociateur IMG { 
	float:left; 
	clear:left; 
	margin-left:3px; 
	margin-right:6px; 
}

.negociateur A:HOVER { 
	color:#A02C1C; 
}

/* CONTACT NEGOCIATEUR */

#menu_g .negociateur { 
	text-align:center;
	font-size:13px;
	line-height:150%;
	margin:15px auto 20px auto;
}

#menu_g .negociateur IMG { 
	float:none;
}

#menu_g .negociateur .nom { 
	font-weight:bold;
}


/* VIGNETTE */

.vignette { 
	position:relative; 
	width:87px; 
	height:65px; 
}

.vignette .cadre { 
	position:absolute; 
	width:87px; 
	height:65px;
	background:url(../img/structure/cadre_vignette.png) no-repeat top left; 
	cursor:pointer;
}

/* VISUEL ANNONCE */

.visuel_annonce {
	position:relative;
	width:165px;
	height:125px;
	background:url(../img/pt-loading-bgblanc.gif) center no-repeat;
	
}

.visuel_annonce .cadre {
	position:absolute;
	width:165px;
	height:125px;
	background:url(../img/structure/cadre_annonce.png);
	cursor:pointer;
}

/* VISUEL PRINCIPAL */
.visuel { 
	position:relative; 
	width:321px; 
	height:222px; 
	background:url(../img/gd-loading-bgvert_pale.gif) center no-repeat;
}

.visuel .cadre { 
	z-index:2; 
	position:absolute; 
	width:321px; 
	height:222px; 
	background:url(../img/structure/cadre_g_visuel.png) no-repeat top left; 
	cursor:pointer;
}

.visuel .loading {
	position:absolute; 
	z-index:1; 
	background:#FFF url(../img/loading-visuel.gif) no-repeat 3px 0px;
	top:10px;
	left:10px;
	padding:1px 2px 1px 25px;
	text-transform:uppercase;
	font-weight:normal;
	font-size:10px;
	color:#660066;
}

.visuel #exclu_visuel{ 
	z-index:2; 
	position:absolute; 
	bottom:-8px; 
	right:15px; 
	width:107px; 
	height:24px; 
	background:url(../img/structure/exclu_g.png) no-repeat top left; 
}

.visuel #video {
	position:absolute;
	z-index:1; 
}

/* [ Page type]---------------------------------------------------- */

BODY.controller_pages  #contenu {
	font-size:13px;
	text-align:justify;
	padding-left:50px !important;
	padding-right:50px !important;
}	

BODY.controller_pages  #contenu #arborescence, 
BODY.controller_pages #immoneuf #arborescence {
	font-size:11px;
	margin-bottom:15px;
}
	
BODY.controller_pages  #contenu .visuel_droit {
	float:right; 
	clear:right;
	margin-bottom:10px;
	margin-left:20px;
}

BODY.controller_pages  #contenu A:HOVER {
	color:#CEDB36;
}	

BODY.controller_pages  #contenu UL LI UL {
	margin-left:0;
	padding-left:29px;
}	

BODY.controller_pages  #contenu UL LI UL LI {
	background:url(../img/structure/puce03.gif) no-repeat top left; 	
	background-position:0 10px;
	list-style-type:none;
	padding-left:12px;
} 
	
BODY.controller_pages  #contenu P STRONG, 
BODY.controller_pages  #contenu UL STRONG, 
BODY.controller_pages #plan P STRONG, 
BODY.controller_pages #plan UL STRONG  {
	color:#A02C1C; 
}	

BODY.controller_pages #contenu  P.intro, 
BODY.controller_pages #immoneuf P.intro { 
	font-size:15px; 
	font-weight:bold; 
	color:#A02C1C; 
}

BODY.controller_pages #contenu  P.intro A, 
BODY.controller_pages #immoneuf P.intro A { 
	font-size:20px;
	color:#A02C1C; 
}
		
BODY.controller_pages  #contenu  P.conclusion { 
	font-size:13px; 
	font-weight:bold; 
	color:#A02C1C; 
}

BODY.controller_pages  #contenu UL LI, 
BODY.controller_pages #plan UL LI {
	padding-top:3px;
	padding-bottom:3px;
}	

BODY.controller_pages  #contenu #slogan {
	background:url(../img/pages/exclamation.gif) no-repeat bottom right; 
	color:#A02C1C; 
	font-weight:bold;
	font-style:italic;
	text-align:right;
	padding-right:30px;
	margin-top:30px;
}	

BODY.controller_pages #plan, 
BODY.controller_pages #immoneuf { 
	background:#FFFFFF; 
	font-size:13px;
	padding:45px 45px 10px 45px;
}	

BODY.controller_pages #immoneuf { 
	padding:15px 85px 30px 25px; 
}	

BODY.controller_pages #contenu .bt_imprimer { 
	display:block; 
	font-size:11px;
	font-weight:bold; 
	color:#660066; 
	text-decoration:underline; 
	margin-left:auto; 
	margin-right:0; 
}

BODY.controller_pages #contenu A:HOVER.bt_imprimer { 
	color:#660066; 
	text-decoration:none; 
}

BODY.controller_pages #seiitra { 
	background:#FFFFFF; 
	padding:15px 50px 10px 50px;
}	

/* VIDEOS */
#ecran_video {
	background:url(../img/structure/fond_accueil.gif) no-repeat center top;
	width:630px;
	height:386px;
	padding:50px 0 0 0;
	margin:auto
}

#ecran_video #video {
	margin:auto;
	width:550px;
	height:310px;
	margin-left:48px;
	background:#E7ED97
}

#ecran_video #label_video {
	font-weight:bold;
	margin-left:65px;
	margin-top:12px;
	font-size:14px;
}

#liste_coupsdecoeur {
	margin-top:15px;
}

#liste_coupsdecoeur TD {
	padding:8px 0;
}

#liste_coupsdecoeur TD .zone {
	margin:auto;
}

#ecran_video A:hover, #liste_coupsdecoeur A:hover {
	color:#660066 !important
}


/* [ Coordonnées agence]---------------------------------------------------- */	
#coordonnees { 
	width:100%; 
	background:#FFF; 
}

#coordonnees TD { 
	height:43px !important; 
	border-top:1px solid #99CC33; 
	padding:0 !important; 
	padding-left:16px;
}

#coordonnees P { 
	/line-height:41px; 
	position:relative; 
	padding-left:111px; 
}

#coordonnees, #coordonnees  A { 
	font-weight:bold; color:#005358; 
}

#coordonnees  A:HOVER { 
	color:#77206C 
}

#logos_partenaires { 
	position:relative; 
}

#logo_fnaim { 
	position:absolute; 
	top:6px; 
	left:58px; 
	display:block;
	width:37px; 
	height:28px;
	background:url(../img/structure/logo_fnaim.gif) no-repeat top left; 
}

#logo_sia { 
	position:absolute; 
	top:8px; 
	left:16px; 
	display:block; 
	width:37px; 
	height:28px; 
	background:url(../img/structure/logo_sia.gif) no-repeat top left; 
}

/* [ Pied de page]---------------------------------------------------- */	
#pied_page { 
	margin-top:5px; 
}

#pied_page, #pied_page A  { 
	color:#FFF; 
	text-align:right 
}

#pied_page A { 
	padding-left:30px; 
}

#pied_page A:HOVER, #pied_page A.surb { 
	color:#CEDB2F; 
}

/* [ Mots clée]---------------------------------------------------- */	
#mots_cles { 
	margin:15px 0 5px 0; 
	text-align:center; 
}

#mots_cles, #mots_cles  A { 
	color:#016C6F; 
}

#mots_cles A:HOVER  { 
	color:#17888b; 
}

/* FORMULAIRES */
.formulaire {
	border-collapse: collapse;
	width:100%;
}

.formulaire th, .formulaire td {
	padding:4px 8px;
}

.formulaire th {
	white-space:nowrap !important;
	padding-top:8px;
	text-align:left;
	font-weight:normal;
	/*width:20%;*/
}
.formulaire td {
	width:100%
}

.formulaire th em {
	display:block;
	font-weight:normal;
	font-size:9px;
	color:#888
}

.formulaire INPUT, .formulaire SELECT, .formulaire TEXTAREA {
	width:250px;
	width:90%;
	padding:1px;
	border:1px solid #393939;
}
.formulaire SELECT { width:auto }

.formulaire INPUT {
	padding:2px;
}

.formulaire th.needed {
	font-weight:bold;
	color:#C40A1B
}

.formulaire td.error INPUT, .formulaire td.error SELECT, .formulaire td.error TEXTAREA {
	border:1px solid red;
}


.formulaire p {
	margin:0;
	line-height:150%;
}

.formulaire INPUT.number {
	width:80px;
}

INPUT#cp {
	width:50px;
}

div.div_submit {
	margin-top:10px;
	text-align:center;
	clear:both
}

/* ---
MAILING
*/
#mentions_mailing {
	font-size:10px;
	margin-top:15px;
}

/* ---
EXTRANET LOGIN
*/
#extranet_login {
	background:url(../img/structure/fond_login.gif) no-repeat center;
	height:220px;
	width:315px;
	margin:auto;
	position:relative;
}

#extranet_login TABLE {
	width:auto !important;
	margin:auto;
	margin-top:50px;
}

#extranet_login TABLE TD {
	color:#FFF;
	padding:5px;
}

#extranet_login TABLE TH {
	font-size:13px;
	padding:4px;
}

#extranet_login .MESSAGE {
	position:absolute;
	width:285px;
	top:15px;
	left:10px;
	border-color:#ADB920;	
}

/* ---
EQUIPE
*/

#trombinoscope {
	width:100%;
}

#trombinoscope TD {
	width:33%;
	text-align:center;
	padding:10px 0
}

#trombinoscope TD IMG {
	margin-bottom:5px;
}

#trombinoscope TD DIV {
	margin:3px auto
}

#trombinoscope TD DIV.nom {
	font-size:12px;
	font-weight:bold;
}

#trombinoscope TD DIV.fonction {
	font-style:italic
}

/* ---
SITEMAP
*/
UL#sitemap {
	line-height:150%
}