/* @override http://www.architecturedecollection.fr/main.css */

/* --------------------------------------------------
file: main.css
author: Benoit Brochier
contact: http://www.lesangesurbains.com
---------------------------------------------------*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
} 

/*COULEURS
**********************************************/
.blanc{
color:#FFFFFF;
}
.bleuClair{
color:#a2b9c7;
}
.bleuFonce{
color:#5b7285;
}
.font8px{
font-size:8px;
}
.font9px{
font-size:9px;
}
.font10px{
font-size:10px;
}
.font11px{
font-size:11px;
}

.font12px{
font-size:12px;
}

.font13px{
font-size:13px;
}

.font14px{
font-size:14px;
}

.font20px{
font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #ffffff;
	line-height: 24px;
	letter-spacing: -1px;
	font-style: normal;
	background: transparent;
}

.bold{
font-weight:bold;
}

.retrait {
	background: url(images/tiret-blanc.gif) no-repeat 10px 5px;
	padding-left: 20px;
}


/*ACCESSIBILITE
**********************************************/

#acces-direct {
	position: absolute;
	top: -5000px;
	left: -5000px;
}



/*LAYOUT
**********************************************/

body {
background-color:#ffffff;
padding:20px;
text-align: center;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

#wrapper{
margin: 0 auto;
padding:0;
text-align:left;
width:969px;
height:680px;
background:#a2b9c7;
}

#wrapper_ami{
margin: 0 auto;
padding:0;
text-align:left;
width:574px;
height:300px;
background:#a2b9c7;
}

#wrapper_diaporama{
margin: 0 auto;
padding:0;
text-align:left;
width:969px;
height:680px;
background:#000000;
}

a.textecorps:link {color: #5b7285;text-decoration:underline}
a.textecorps:visited {color: #044B77;text-decoration:underline}
a.textecorps:hover {color: #798193;text-decoration:underline; list-style-type: squate}

/* Coin Haut Gauche */

#topLeft{
width:365px;
/*height:245px;*/
padding:38px 0 0 0;
float:left;
}

#topLeft h1 a{
display:block;
background:url(images/logoADC.gif);
height:108px;
width:180px;
text-indent:-9000px;
margin:36px 0 0 17px;
}

#topLeft h2{
display:block;
height:20px;
width:365px;
background:url(images/logoText.gif) no-repeat;
background-color:#FFFFFF;
text-indent:-9000px;
}

#topLeft h3 a{
display:block;
background:url(images/logoADCnoir.gif);
height:108px;
width:180px;
text-indent:-9000px;
margin:234px 0 0 17px;
}

#topLeft h4{
display:block;
height:20px;
width:365px;
background:url(images/logoTextnoir.gif) no-repeat;
text-indent:-9000px;
}

/* Coin Haut droite */

#topRight{
width:604px;
height:408px;
float:right;
}

#topRight #topRightContent{
width:604px;
height:408px;
}

#contentTopScroll{
color:#FFFFFF;
overflow-y:scroll;
overflow:scroll;
height:332px;
width:584px;
padding:0 10px 0 0;
margin:66px 0 10px 0;
text-align:justify;
}

#contentTopPortfolio{
color:#a2b9c7;
background:#FFFFFF;
height:312px;
width:574px;
padding:10px;
margin:66px 0 10px 0;
}

#topRight #submenu{
position: relative;
width:604px;
height:20px;
background:#FFFFFF;
}

#bienshome img{
	float: right;
	margin: 230px -5px 0px 0px;
	}

/* Coin Bas Gauche */

#bottomLeft{
width:365px;
height:241px;
clear:both;
float:left;
}

#bottomLeftparcours img{
	margin:20px 0 0 15px;

}


/* Coin Bas droite */

#bottomRight{
width:594px;
height:221px;
float:right;
padding:10px 10px 10px 0px;
}

#bottomRight a{
color:#FFFFFF;
text-decoration:none;
}

#bottomRight a:hover{
color:#FFFFFF;
text-decoration:underline;
}

#bottomRightContent{
color:#FFFFFF;
overflow-y:scroll;
overflow:scroll;
height:221px;
width:584px;
padding:0 10px 0 0;
text-align:justify;
line-height:16px;
}

#imgparcours img {
float: right;
margin: 0px 5px 5px 10px;
}

#bottomRightContent h2{
color:#ffffff;
font-size: larger;
}

#bottomRightContent h3{
color:#5b7285;
font-size: larger;
}


/*MENU
**********************************************/

#menu{
list-style:none;
margin:0 0 38px 17px;
}

#menu li a{
display:block;
height:28px;
text-indent:-9000px;
}


/* Bouton Ethique */

#mnEthique a{
background:url(images/menu/menuEthiqueOff.gif);
width:74px;
}

#mnEthique a:hover, #mnEthique a.active{
background:url(images/menu/menuEthiqueOn.gif);
width:74px;
}

/* Bouton International */

#mnInternational a{
background:url(images/menu/menuInternationalOff.gif);
width:148px;
}

#mnInternational a:hover, #mnInternational a.active{
background:url(images/menu/menuInternationalOn.gif);
}



/* Bouton Biens */

#mnBiens a{
background:url(images/menu/menuBiensOff.gif);
width:61px;
}

#mnBiens a:hover, #mnBiens a.active{
background:url(images/menu/menuBiensOn.gif);
}


/* Bouton Agence */

#mnAgence a{
background:url(images/menu/menuAgenceOff.gif);
width:87px;
}

#mnAgence a:hover, #mnAgence a.active{
background:url(images/menu/menuAgenceOn.gif);
}


/* Bouton Patrimoine */

#mnPatrimoine a{
background:url(images/menu/menuPatrimoineOff.gif);
width:105px;
}

#mnPatrimoine a:hover, #mnPatrimoine a.active{
background:url(images/menu/menuPatrimoineOn.gif);
}


/* Bouton Galerie */

#mnGalerie a{
background:url(images/menu/menuGalerieOff.gif);
width:75px;
}

#mnGalerie a:hover, #mnGalerie a.active{
background:url(images/menu/menuGalerieOn.gif);
}


/* Bouton Contact */

#mnContact a{
background:url(images/menu/menuContactOff.gif);
width:75px;
}

#mnContact a:hover, #mnContact a.active{
background:url(images/menu/menuContactOn.gif);
}


/* Bouton Parcours */

#mnParcours a{
background:url(images/menu/menuParcoursOff.gif);
width:100px;
}

#mnParcours a:hover, #mnParcours a.active{
background:url(images/menu/menuParcoursOn.gif);
}


/*SUBMENU DEROULANT
**********************************************/

#listeBiensMenu{
float:right;
}

#sousMenu {
	position: absolute;
	top: -2px;
	left: 0;
}

#sousMenu, #sousMenu ul {
padding:0px;
list-style: none;
}

#sousMenu ul {
	margin-top: 0;
}

#sousMenu a {
display: block;
font-weight:bold;
font-size:12px;
color:#a2b9c7;
text-decoration:none;
border-right:1px solid #a2b9c7;
padding:0 10px 0 10px;
margin:5px 0 4px 0;
}

#sousMenu a:hover, #sousMenu a.active{
color:#4c6471;
}

#sousMenu li {
float: left;
position: relative;
}

#sousMenu li a.debut{
padding-left:0px;
}

#sousMenu li a.fin{
border-right:none;
padding-right:0px;
}

#sousMenu li ul {
position: absolute;
width: 16em;
left: -999em;
top: 22px;
z-index: 1000;
background:#a2b9c7;
}

#sousMenu li ul li {
float: left;
width: 16em;
padding-left:0;
}

#sousMenu li:hover ul {
left: auto;
}

#sousMenu li:hover ul, #sousMenu li.sfhover ul {
left: auto;
}

#sousMenu li ul li a {
display: block;
font-weight:bold;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
background:#a2b9c7;
font-size:12px;
padding:0px 10px 2px 2px;
margin-left:6px;
float:left;
border:none;
}

#sousMenu li ul li a:hover {
background:#FFFFFF;
color:#a2b9c7;
}

#sousMenu1 a {
display: block;
font-weight:bold;
font-size:12px;
color:#a2b9c7;
text-decoration:none;
padding:2px 10px 2px 2px;
margin-right:6px;
float:right;
}

#sousMenu1 a:hover, #sousMenu a.active{
color:#4c6471;
}



/*BIENS
**********************************************/

#biensPhotoTop{
float:right;
padding:0;
margin:0;
height:408px;
width:408px;
}

.biensPhotoScrollleft{
float:left;
padding:0px;
margin-right :10px;
}

.biensPhotoScrollright{
float:right;
padding:0px;
margin-left :10px;
}

#biensPhotoTop td{
vertical-align:bottom;
margin: 0;
padding: 0;
border: 0;
}

#biensContentTop{
float:left;
}

#biensDetails{
margin:80px 0 0 0;
}

#biensDetails td{
background:#FFFFFF;
border-top:5px solid #a2b9c7;
padding:0px;
padding-left:5px;
padding-right:5px;
color:#a2b9c7;
}

#biensDetails td.prix{
background:#a2b9c7;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
}
.prixbien{
color:#5b7285;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
}

#biensDetails td.geoBleu{
background:#a2b9c7;
color:#7594a6;
font-size:13px;
}

#biensDetails td.geoBlanc{
background:#a2b9c7;
color:#ffffff;
font-size:13px;
}

#biensDetails td.geoSpace{
background:#a2b9c7;
height:10px;
}

/* Boutons � cadre blanc */

#boutonsUser{
margin:17px 0 0 17px
}

.btnCadreBlanc{
display:block;
width:175px;
border:1px solid #FFFFFF;
background:#637486;
color:#FFFFFF;
font-size:11px;
text-decoration:none;
margin:0 0 0 0;
padding-left:5px;
font-weight:light;
}

.btnCadreBlanc:hover{
background:#FFFFFF;
color:#a2b9c7;
}
/*
#thumbnails{
margin:0;
padding:0;
}

#thumbnails img{
float:right;
margin:1px 0 0 2px;
}
*/

/*LISTE BIENS
**********************************************/

#listeBiens{
padding:50px 0 0 0;
width:604px;
height:358px;
}

.listeBiens{
width:183px;
float:left;
margin:0 18px 8px 0;
display:inline; /* Debug la double marge des �l�ments en float left sous IE6*/
color:#7594a6;
position:relative;
}

.listeBiens span.nouveaute{
position:absolute;
top:96px;
left:0;
width:71px;
height:12px;
}

.listeBiens span.visitele{
position:absolute;
top:96px;
left:71px;
width:94px;
height:12px;
font-size:9px;
color:#FFFFFF;
background-color:#FA3288;
text-align:center;
}

.homeBiens{
position:relative;
}

.homeBiens span.nouveaute{
position:absolute;
top:110px;
left:0;
width:71px;
height:12px;
}

.homeBiens span.visitele{
position:absolute;
top:110px;
left:71px;
width:114px;
height:12px;
font-size:9px;
color:#FFFFFF;
background-color:#FA3288;
text-align:center;
}



#pagination{
line-height:20px;
font-size:13px;
font-weight:bold;
}

#pagination a{
color:#a2b9c7;
text-decoration:none;
margin:0 6px 0 0;
}

#pagination a:hover, #pagination a.active{
color:#75808b;
text-decoration:underline;
}



/*CONTACT (Formulaires)
**********************************************/


/* Mise en page */

#rightForm{
width:574px;
height:640px;
float:right;
background:#FFFFFF;
margin:10px 10px 10px 0;
padding:10px;
display:inline; /* Debug la double marge des �l�ments en float left sous IE6*/
}

#bottomLeftForm{
width:365px;
float:left;
}

#bottomLeftForm_ami{
width:365px;
float:left;
}

#blocAdresse{
margin:20px 0 0 15px;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}

#blocAdresse a{
color:#FFFFFF;
}

#blocAdresse a:hover{
text-decoration:none;
}


/* Skin du formulaire */

#contactForm{
color:#a2b9c7;
}

#contactForm a{
color:#FFFFFF;
background:#a2b9c7;
display:block;
width:140px;
height:20px;
line-height:20px;
text-decoration:none;
font-weight:bold;
font-size:14px;
padding:0 0 0 10px;
border:1px solid #a2b9c7;
}

#contactForm a:hover{
background:none;
border:1px solid #a2b9c7;
color:#a2b9c7;
}

#contactForm .inputText{
border:1px solid #a2b9c7;
color:#a2b9c7;
padding-left:5px;
width:190px;
margin:2px 0 2px 0;
}

#contactForm .inputText_obligatoire{
border:1px solid #5b7285;
color:#a2b9c7;
padding-left:5px;
width:190px;
margin:2px 0 2px 0;
}

#contactForm .inputText2{
border:1px solid #a2b9c7;
color:#a2b9c7;
padding-left:5px;
width:260px;
margin:2px 0 2px 0;
}

.inputRadio{
border:none;
}

.formTextArea{
border:1px solid #a2b9c7;
width:325px;
color:#a2b9c7;
padding-left:5px;
height:130px;
text-align:justify;

scrollbar-face-color: #FFFFFF; /* Surface */
scrollbar-track-color: #FFFFFF; /* Fond */
scrollbar-highlight-color: #FFFFFF; /* Ombre claire */
scrollbar-shadow-color: #B1C7D2; /* Ombre Foncee */
scrollbar-arrow-color: #FFFFFF; /* Fleches */
scrollbar-3dlight-color: #B1C7D2; /* Bordure3D claire */
scrollbar-darkshadow-color: #FFFFFF; /* Bordure3D foncee */ 
}

.formTextArea2{
border:1px solid #a2b9c7;
width:260px;
color:#a2b9c7;
padding-left:5px;
height:130px;

scrollbar-face-color: #FFFFFF; /* Surface */
scrollbar-track-color: #FFFFFF; /* Fond */
scrollbar-highlight-color: #FFFFFF; /* Ombre claire */
scrollbar-shadow-color: #B1C7D2; /* Ombre Foncee */
scrollbar-arrow-color: #FFFFFF; /* Fleches */
scrollbar-3dlight-color: #B1C7D2; /* Bordure3D claire */
scrollbar-darkshadow-color: #FFFFFF; /* Bordure3D foncee */ 
}
.formTextAreasmall{
border:1px solid #a2b9c7;
width:325px;
color:#a2b9c7;
padding-left:5px;
height:30px;
text-align:justify;

scrollbar-face-color: #FFFFFF; /* Surface */
scrollbar-track-color: #FFFFFF; /* Fond */
scrollbar-highlight-color: #FFFFFF; /* Ombre claire */
scrollbar-shadow-color: #B1C7D2; /* Ombre Foncee */
scrollbar-arrow-color: #FFFFFF; /* Fleches */
scrollbar-3dlight-color: #B1C7D2; /* Bordure3D claire */
scrollbar-darkshadow-color: #FFFFFF; /* Bordure3D foncee */ 
}

.formSelect{
border:1px solid #5b7285;
color:#a2b9c7;
width:200px;
}

.emailBlanc{
color:#FFFFFF;
text-decoration:none;
}
.emailBlanc:hover{
text-decoration:underline;
}


/*GALERIE (portfolio)
**********************************************/

#portfolioReference{
color:#5b7285; 
font-size:14px; 
font-weight:bold;
}

#portfolioReference a{
diplay:bloc;
background:#a2b9c7;
text-decoration:none;
padding:2px 5px 2px 5px;
color:#FFFFFF;
border:1px solid #a2b9c7;
}

#portfolioReference a:hover{
diplay:bloc;
background:#ffffff;
text-decoration:none;
padding:2px 5px 2px 5px;
color:#a2b9c7;
border:1px solid #a2b9c7;
}

#galerieTab{
margin-top:0px;
}

#galerieTab img{
margin:0 9px 9px 0;
}

#mytique td img{
border-left:0px;
}



/*HOME
**********************************************/

#topRightHome{
width:604px;
height:408px;
border:0;
padding:0;
margin:0;
}

#bottomRightHome{
width:594px;
height:140px;
border:0;
padding:0;
margin:0;
}


#tt-mosaique-portfolio {
background: url(images/textes/portfolio.gif) no-repeat left top;
width: 77px;
height: 35px;
text-indent: -5000px;
font-size: 0.1em;
}

#mosaique-portfolio {
position: relative;
zoom:1;
margin-left: 5px;
}

#mosaique-portfolio a {
display: block;
width: 21px;
height: 21px;
}

.nom-architecte {
display: none;
}

.nom-architecte-hover {
display: block;
position: absolute;
top: 0;
left: 80px;
width: 200px;
}


/*DIAPORAMA
**********************************************/

#topRightdiaporama{
border:5;
padding:0;
margin:0 0 -100;
}

/*FOOTER
**********************************************/
#footer{
color:#637486;
width:969px;
margin: 0 auto;
text-align:right;
}

#footer a{
color:#637486;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}