@charset "utf-8";
/*------------http://www.fnaim.fr/index.php?request=getContentCSS&gabarit_id=1&type=1--------------------------*/
/*------------------------------------------------------------------
STYLESHEET FOR FNAIM.fr
Version 1.0
(c) SOFTAKT - www.softakt.com
-------------------------------------------------------------------*/

/* -----------------------------------
Global 
------------------------------------*/


body {
font-family: Arial, sans-serif;
font-size: 12px;
margin:0;
padding:0;
background: #6c6c6c;
}

a {
color: #0f4d98;
}

a:hover {
color:#000;
text-decoration:none;
}

#lang {
background: url(/upload/images/design/flags/flags-bg.png) no-repeat;
overflow: hidden;
height: 100%;
margin: 0;
padding: 0 0 0 23px;
position: absolute;
top: -19px;
right: 20px;
width: 342px;
height: 18px;
padding-top: 1px;
}
#lang li {
float:left;
background: none;
margin: 0 5px 0 0;
padding: 0;
}
#lang li a {
display: block;
width: 20px;
height: 15px;
text-indent: -9999px;
outline: none;
}
#lang .us a {
background: url(/upload/images/design/flags/flags.png) no-repeat;
}
#lang .de a {
background: url(/upload/images/design/flags/flags.png) no-repeat 0 -15px;
}
#lang .es a {
background: url(/upload/images/design/flags/flags.png) no-repeat 0 -30px;
}
#lang .fr a {
background: url(/upload/images/design/flags/flags.png) no-repeat 0 -45px;
}
#lang .it a {
background: url(/upload/images/design/flags/flags.png) no-repeat 0 -60px;
}
#lang .pt a {
background: url(/upload/images/design/flags/flags.png) no-repeat 0 -75px;
}
#lang .ru a {
background: url(/upload/images/design/flags/flags.png) no-repeat 0 -90px;
}
#lang .pl a {
background: url(/upload/images/design/flags/flags.png) no-repeat 0 -105px;
}
#lang .jp a {
background: url(/upload/images/design/flags/flags.png) no-repeat 0 -120px;
}
#lang .kr a {
background: url(/upload/images/design/flags/flags.png) no-repeat 0 -135px;
}
#lang .cn a {
background: url(/upload/images/design/flags/flags.png) no-repeat 0 -150px;
}
#lang .tw a {
background: url(/upload/images/design/flags/flags.png) no-repeat 0 -165px;
}
#lang .vn a {
background: url(/upload/images/design/flags/flags.png) no-repeat 0 -180px;
}

/* -----------------------------------
Resets & Utils 
------------------------------------*/

* {
margin:0;
padding:0;
}

img, form {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

ul, li {
list-style-type:none;
margin-left: 0;
padding-left: 0;
}

.clear, .clearb {
clear:both;
}

.img-left {
float:left;
margin: 0 3px 0 0;
}

.img-right {
float:right;
margin: 0 0 0 3px;
}

.small {
font-size: smaller;
}

/* -----------------------------------
Layout / Structure 
------------------------------------*/

#container {
margin: 21px auto;
background:#fff;
width:1000px;
}

#header {
height:140px;
position: relative;
}

#content {
background: url(/personal/brokerpackage/images/fnaim/content-back.jpg) repeat-x top; upload/images/design*/
}

#content-left {
width:650px;
float:left;
background: url(/personal/brokerpackage/images/fnaim/content-back.jpg) repeat-x top; /*/upload/images/design*/
padding: 0 15px;
}

#content-left-left {
float:left;
width:218px;
}

#content-left-right {
float:left;
margin: 0 0 0 15px;
}

#content-right {
float:right;
width:305px;
padding: 15px 15px 0 0;
}

#footer {
width:1000px;
}

/* -----------------------------------
Header 
------------------------------------*/

#header-logo {
float:left;
position:relative;
z-index:2;
height:140px;
margin: -6px 0 0 -6px;	
}

#header-logo img {
display:block; /* IE6 fix */
}

#header-pub {
float:right;
height:90px;
width:728px;
margin: 15px 20px 0 0;
display:inline;
}

#header-baseline {
float:left;
width:360px;
height:25px;
margin: 5px 0 0 -20px;
}

#header-numbers {
float:right;
width:415px;
padding:0 5px;
margin: 12px 0 0 0;
}

.header-blue-text {
color:#000;
font-weight:bold;
font-size:13px;
}

.header-black-text {
font-size: 11px;
}

/*----- Menu Top ----*/

#menu {
background:#0f4d98;
border-bottom: 1px solid #fff;
height:27px;
}

#header-logo-bas {
float:left;
width: 187px;
}

#header-logo-bas img {
display:block;
}

/* -----------------------------------
Content 
------------------------------------*/

#path {
padding: 25px 0 10px 0;
margin: 0 0 20px 0;
border-bottom: 1px solid #0f4d98;
font-size: 11px;
}

#main-buttons {
width:650px;
height:65px;
padding: 0 0 10px 0;	
}

/* -----------------------------------
Global Styles 
------------------------------------*/


/*--------- Titles ----------------*/

h1, h2, h3 {
color:#0f4d98;
}


h1 {
margin: 20px 0;
padding: 2px 0 2px 40px;
font-size:23px;
background: url(/upload/images/design/cube-h1.gif) no-repeat top left;
font-variant:small-caps;
}

h2 {
margin: 10px 0;
padding: 0 0 0 30px;
font-size:18px;
background: url(/upload/images/design/cube-h2.gif) no-repeat top left;
}

h3 {
padding: 10px 0;
margin: 0;
font-size:14px;
}

h2 a {
font-size:14px;
text-decoration: none;   
}

/*--------- Text -----------------*/

p {
margin: 1em 0;
}

blockquote {
margin-left:30px;
}

/*--------- List -----------------*/

ul {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0;
padding-left: 40px;
}

li {
margin-top: 2px;
margin-bottom: 5px;
margin-left: 0;
padding-left: 17px;
background: url(/upload/images/design/list-li.gif) no-repeat top left;
}

ul ul li {
background: url(/upload/images/design/list-li-li.gif) no-repeat top left;
padding-left: 12px;
margin-left: 0;
}

ul li a {
text-decoration:none;
font-weight:bold;
}

/* -----------------------------------
Main Home Blocks Structure
------------------------------------*/

.content-block-s, .content-block-m, .content-block-l, .content-block-xl {
border-left:solid 1px #0f4d98;
border-right:solid 1px #0f4d98;
border-bottom:solid 1px #0f4d98;
background:url(/upload/images/design/block-title-back-repeat.jpg) repeat-x top;
font-size: 11px;
}

.content-block-s {
width:218px;
}

.content-block-m {
width:303px;
}

.content-block-l {
width:413px;
}

.content-block-title {
}

.content-block-title h1 {
margin:0;
padding: 4px 0 0 10px;
font-size:14px;
font-variant: normal;
font-weight: normal;
background:url(/upload/images/design/block-title-back.jpg) no-repeat top right;
text-align: left;
color: #000;
height: auto;
}

.content-block-inside {
padding:5px;
}

/*----- Main Home Block Shadows ----*/

.shadow-s {
height:5px;
width:220px;
background:url(/upload/images/design/shadow-s.jpg) no-repeat;
margin: 1px 0 9px 0;
overflow:hidden; /* IE6 fix */
}

.shadow-m {
height:7px;
width:305px;
background:url(/upload/images/design/shadow-m.jpg) no-repeat;
margin: 1px 0 7px 0;
overflow:hidden; /* IE6 fix */
}

.shadow-l {
height:7px;
width:415px;
background:url(/upload/images/design/shadow-l.jpg) no-repeat;
margin: 1px 0 7px 0;
overflow:hidden; /* IE6 fix */
}

.shadow-xl {
height:7px;
width:970px;
background:url(/personal/brokerpackage/images/fnaim/shadow-xl.jpg) no-repeat; /*/upload/images/design/*/
margin: 1px 0 7px 15px;
overflow:hidden; /* IE6 fix */
}

/*----- Reset main home block style ----*/

.content-block-l p, .content-block-m p, .content-block-s p {
padding:0;
margin:0;
text-align:left;
}

.content-block-l ul {
margin:0;
}

.content-block-m ul, .content-block-s ul {
margin:0;
padding-left:0;
}

.content-block-l ul li, .content-block-m ul li {
margin:0;
padding:0;
background:none;
font-weight:normal;
}

.content-block-l h2 {
margin:0;
padding:0;
background:none;
}

.content-block-m ul li a {
margin:0;
padding:0;
background:none;
text-decoration:underline;
font-weight:normal;
}

.content-block-m ul li a:hover {
text-decoration: none;
}

.content-block-s li {
margin:0;
padding:0;
background:none;
font-weight:normal;
}

/* -----------------------------------
Bloc Rechercher Rapide
------------------------------------*/

#search_home form {
margin: 0;
padding-top: 10px;
}

#search_home input{
border: solid 1px #333;
}

#FNAIM_Little_Category input {
border: 0;
}

#search_home input#resultats {
border: 0;
vertical-align: middle;
cursor: pointer;
color: #fff;
position:absolute;
right:15px;
bottom: 10px;
}

#search_home {
position:relative;
padding-bottom:20px;
}

#avancee {
position:absolute;
left:20px;
bottom: 15px;

}

#avancee a {
font-weight:bold;
}

.text_label_strong {
font-weight: bold;
width: 90px;
}

#type_little, #FNAIM_Little_Input_Ville, #FNAIM_Little_Input_CP, .search_field_max {
font-size: 12px;
}

#FNAIM_Criteres_Maison .search_field_max {
margin:1px 0;
}

#FNAIM_Little_Category, #FNAIM_Little_Type, #FNAIM_Little_Prix, #FNAIM_Little_Ville, #FNAIM_Little_Submit {
padding-left: 15px;
clear: both;
min-height: 30px;
}

#FNAIM_Little_Submit {
vertical-align: middle;
}

#FNAIM_Little_Prix_Inner {
clear: both;
}   

#FNAIM_Little_Type_Text, #FNAIM_Little_Ville_Text, #FNAIM_Little_Prix_Text {
float: left;
width: 90px;
}

#FNAIM_Little_CP_Text, #FNAIM_Little_Prix_Text {
float: left;
width: 90px;
line-height:20px;
}

#FNAIM_Little_CP_Input {
float:left;
margin-bottom:14px;
}
#FNAIM_Little_Type_Input, #FNAIM_Little_Ville_Input, #FNAIM_Little_Prix_Slider {
float: left;
}

#prix_max_inner {
margin-left: 20px;
}

#FNAIM_Little_Input_Ville {
width:145px;
}

#FNAIM_Little_Submit_Error {
clear: both;
}

/* -----------------------------------
Bloc Actualit�s
------------------------------------*/

.bloc-actualites {
padding: 5px;
overflow: auto;
height: 90px; 
clear:both;
}

.bloc-actualites h4 {
color: #0f4d98;
font-size:14px;
font-weight:bold;
}

/* -----------------------------------
Bloc Anim Mon Projet
------------------------------------*/

#creer-projet {
width: 413px;
height:90px;
}

/* -----------------------------------
Bloc Mon Projet
------------------------------------*/

#mon-projet {
padding:5px;
}

#mon-projet-form {
width: 230px;
float:left;
padding: 0 0 10px 0;
}

#mon-projet p label {
width: 80px;
padding-top:3px;
float: left;
margin: 10px 10px 0 10px;
display:inline; /* IE6 fix*/
}

#mon-projet p input {
width: 100px;
display:block;
float: left;
margin: 10px 0 0 0;
border: solid 1px #333;
}

.mon-projet-valider {
margin: 22px 0 0 0;
}

#mon-projet-footer {
border-top: solid 1px #0f4d98;
clear:both;
}

#mon-projet-footer a {
padding:0 10px;
}

/* Bloc Mon projet Log */

#FNAIM_MonCompte_Details ul {
float:left;
width: 140px;
padding: 10px 0;
}

#FNAIM_MonCompte_Details span {
width: 190px;
float:left;
clear:both;
}

/* -----------------------------------
Bloc Services FNAIM
------------------------------------*/

#bloc-services-fnaim {
padding: 0 2px 20px 15px;
}

#bloc-services-fnaim  h2 {
margin:20px 0 10px 0;
padding:0;
font-size:14px;
color:#000;
}

.services-fnaim {
width: 185px;
float:left;
margin:0 13px 0 0;
display:inline; /* IE6 fix */
}

/* -----------------------------------
Bloc Publicite
------------------------------------*/

#pub {
margin: 10px auto;
text-align:center;
}

/* -----------------------------------
Bloc Liens Utiles
------------------------------------*/

#bloc-liens-utiles ul {
float:left;
width:33%;
padding:0;
}

#bloc-liens-meilleurtx ul {
padding:0;
width:100%;
}

#bloc-liens-utiles li, #bloc-liens-meilleurtx li {
background:url(/upload/images/design/fleche-grise.gif) no-repeat 0 .4em;
padding: 0 0 0 15px;
}

/* -----------------------------------
Bloc Guide Immobilier
------------------------------------*/

#bloc-nos-fiches {
padding: 17px 0 0 10px;
}

#bloc-nos-fiches ul {
float:left;
width:30%;
padding:0;
}

#nos-fiches-autres {
background: url(/upload/images/design/nos-fiches.jpg) no-repeat bottom right;
float:right;
width:94px;
height:28px;
padding: 55px 0 0 50px;
}

#nos-fiches-autres a {
color: #000;
}

.tab-dossier ul {
padding:0 0 0 10px;
}

/* -----------------------------------
Bloc Gerer Mon Projet
------------------------------------*/

.bloc_text_monprojet h3 {
padding:0;
margin:10px 0 15px 0;
text-align:center;
}

.bloc_text_monprojet {
width: 290px;
float:left;
margin-left:10px;
background:#ECECEC;
border: 1px solid #C6C6C6;
}

.bloc_text_monprojet img {
text-align:center;
display:block;
margin: 0 0 8px 0;
}

/* -----------------------------------
Footer
------------------------------------*/

/*----- Sites FNAIM ----*/

#bloc-sites-fnaim {
margin:20px auto;
width:720px;
padding-bottom: 10px;
}

.sites-fnaim img {
float: left;
display:block;
}

/*----- Liens Footer ----*/

#menu-bottom {
background: #6c6c6c;
width:100%;
clear:both;
}

#footer p {
text-align:center;
padding: 15px 0;
color:#fff;
}

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

/* -----------------------------------
Home Actu Infos Pratiques
------------------------------------*/

.immo-pratique-item {
background: url(/upload/images/contenus/infospratiques/immo-pratique-back.jpg) no-repeat top left;
width: 186px;
padding: 0 15px;
float:left;
}

.immo-pratique-item img {
padding-top:14px;
display:block;
}

#immo-pratique .immo-pratique-item a:hover img {
opacity: 0.8;
}

.immo-pratique-item a {
color:#fff;
display:block;
text-decoration:none;
}

.immo-pratique-item h2 {
font-size:13px;
height:19px;
text-align:center;
padding: 5px 0 0 0;
margin: 1px 0 0 0;
background: url(/upload/images/contenus/infospratiques/immo-pratique-titre.gif) repeat-x;
}

.immo-pratique-item p {
padding-top: 5px;
font-size:11px;
font-weight:bold;
}

/* -----------------------------------
FNAIM TV
------------------------------------*/

.FNAIM_Player {
float:left;
margin:0 10px 0 0;
}

.liste-fnaim-tv {
clear:both;
}

.liste-fnaim-tv h2 a {
font-size:14px;
text-decoration: none;
}
.liste-fnaim-tv p {
margin:0;
}

.liste-fnaim-tv h2 {
margin:0;
background-image: none;
}

.liste-fnaim-tv a img {
dipslay:block;
margin-bottom:20px;
}

.liste-fnaim-tv a img {
dipslay:block;
margin-right: 10px; 
border: solid 2px;
opacity: 0.8;
filter:alpha(opacity='80');
}

.liste-fnaim-tv a:hover img {
opacity: 1;
filter:alpha(opacity='100');
}

/* -----------------------------------
Tableaux
------------------------------------*/

table.tableau {
border-collapse: collapse;
width: 90%;
margin: 0 5%;
}

.tableau th {
background: #3e83c9;
color: #fff;
font-weight: bold;
padding: 2px 11px;
text-align: left;
border-right: 1px solid #fff;
line-height: 1.2;
}

.tableau td {
padding: 6px 11px;
border-bottom: 1px solid #95bce2;
vertical-align: top;
}

.tableau td * {
padding: 6px 0px;
}

.tableau tr:hover td {
background: #bcd4ec;
}

.tableau a {
color:#0f4d98;
text-decoration: none;
}

/* -----------------------------------
Offres d'emploi
------------------------------------*/

#bloc-offres-emploi input, #bloc-offres-emploi select {






display:block;
float:left;
}

#bloc-offres-emploi input {
width: 196px;
}

#bloc-offres-emploi select {
width: 200px;
}

#FNAIM_Emploi_Type_Text, #FNAIM_Emploi_Ville_Text, #FNAIM_Emploi_Type_Text {
float:left;
width: 150px;
display:block;
}

#search_emploi {
width: 350px;
}

#bloc-offres-emploi {
background: url(/upload/images/contenus/emploi/fond-emploi.jpg) no-repeat top right;
height: 294px;
}

#FNAIM_Emploi_Submit input {
width: 110px;
}

.FNAIM_Login_Form form {
width: 200px;
margin: 0 auto;
text-align: left;
}

#FNAIM_Emploi_Domaine, #FNAIM_Emploi_CP, #FNAIM_Emploi_Poste {
padding-top: 5px;
padding-bottom: 5px;
}

/* -----------------------------------
Liens annonces
------------------------------------*/

#fiches-ref-content * {
padding:0;
background:0;
}

#fiches-ref-content h2 {
margin:0;
}

#fiches-ref-content a {
background: #eee;
color: #666;
display:block;
margin-bottom:1px;
padding: 3px 3px 3px 10px;
text-decoration:none;
margin-right:1px;
font-size:12px;
}

#fiches-ref-content a:hover {
background: #0f4d98;
color: #fff;
display:block;
margin-bottom:1px;

padding: 3px 3px 3px 10px;
text-decoration:none;
}

.colonne-ref {
float:left;
width:50%;
}

/* -----------------------------------
Bloc liens annonces footer
------------------------------------*/

.content-block-xl {
width:968px;
margin-left:15px;
}

#liens-annonces {
}

#liens-annonces h2 {
font-size: 13px;
color:#000;
margin: 0 0 10px 0;
padding:0;
background:0;
}

#liens-annonces ul {
float:left;
}

#liens-annonces ul, #liens-annonces li {
margin:0;
padding:0;
background:0;
}

#liens-annonces-departements {
float:left;
width: 42%;
margin:10px 0 10px 15px;
display: inline; /* IE6 fix */
}

#liens-annonces-villes {
float:right;
width: 54%;
margin:10px 10px 10px 0;
display: inline; /* IE6 fix */
}

#liens-annonces-departements ul {
width: 49%;
}

#liens-annonces-villes ul {
width:33%;
}

/* Page mon projet */

.page-monprojet td {
padding:5px;
}

.page-monprojet {
width: 380px;
}

.page-monprojet-wrapper {
background: url(/upload/images/design/monprojet/monprojet-back.jpg) no-repeat top right;
}

.page-monprojet-bouton {
margin-left: 45px;
margin-top:20px;
}

.FNAIM_Login_Form2 form, .FNAIM_Login_Form2 a {
margin-left:45px;
}

.FNAIM_Login_Form2 h2, .FNAIM_Login_Header h2 {
padding-left:0;
background-image: none;
}

.FNAIM_Login_Form2 br {
clear:both;
display:block;
}


.FNAIM_Login_Form2 input {
display:block;
float:left;
margin: .5em 0;
padding-top: 2px;
}

.FNAIM_Login_Form2 label{
float:left;
display:block;
width: 130px;
margin: .5em 0;
}

/* -----------------------------------
Admin
------------------------------------*/

#cms_content {
background: #fff;
}

#encadre {
background:#ECECEC;
border: 1px solid #C6C6C6;
margin: 0pt auto; 
padding: 10px;
} 

/* -----------------------------------
Encadrement bloc texte pour Dossier
------------------------------------*/

#bloc_texte_dossier {
	border: 1px solid #000;
	height: auto;
	width: 350px;
	float:right;
	margin:5px;
}

#bloc_texte_dossier p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align: left;
	margin:5px;
	text-align:justify;
}

#bloc_texte_dossier h3 {
	margin-left:5px;
	margin-top:-5px;
}

#bloc_texte_dossier a {
	font-weight: bold;
	text-decoration: none;
}
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   z-index: 999;
   float:left;
   width: 800px;
position: relative;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li { 
   width: 150px; 
}

/* Unless you know what you do, do not touch this */ 

#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}

#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}

#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}

#primary-nav li { 
   margin-left: -1px;
   float: left;
   padding:0;
   margin-top:0;
   margin-bottom:0;
   background: none;
}

#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative;
}

/* Styling the basic apperance of the menu elements */

#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 5px 10px; 
   text-decoration: none; 
   color: #fff;
   font-size: 15px;
   font-weight: normal;
   
}

#primary-nav li a { 
   border-right: 1px solid #C0C0C0;
   border-left: 1px solid #C0C0C0;
   background: none;
}

#primary-nav li li a { 
   font-size: 13px;
   border: 1px solid #C0C0C0;
}              

#primary-nav li, #primary-nav li.menuparent { 
   background-color: #0f4d98; 
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
   background-color: #AAA; 
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 

/* arrow for menuparents */
   background-image: url(/upload/images/design/arrow-right.gif);
   background-repeat: no-repeat;
   background-position: center right; 
}

#primary-nav ul ul li.menuparent, 
#primary-nav ul ul li.menuparent:hover, 
#primary-nav ul ul li.menuparenth { 
   background-image: none;
}

/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
   background-color: #6c6c6c; 
}

#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul, 
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
#primary-nav li:hover ul ul ul ul,
#primary-nav li.menuparenth ul ul ul ul,
#primary-nav li:hover ul ul ul ul ul,
#primary-nav li.menuparenth ul ul ul ul ul,
#primary-nav li:hover ul ul ul ul ul ul,
#primary-nav li.menuparenth ul ul ul ul ul ul {
   display: none; 
}

 
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
#primary-nav ul ul ul ul li:hover ul,
#primary-nav ul ul ul ul li.menuparenth ul,
#primary-nav ul ul ul ul ul li:hover ul,
#primary-nav ul ul ul ul ul li.menuparenth ul {
   display: block; 
}

/* IE Hacks */

#primary-nav li li { 
   float: left; 
   clear: both; 
}

#primary-nav li li a { 
   height: 1%; 
}


/*---------http://www.fnaim.fr/upload/files/css/carousel.css-------------------------------------*/
/**
 * Copyright (c) 2006-2007, Bill W. Scott
 * All rights reserved.
 *
 * This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy 
 * of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to 
 * Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.
 *
 * This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com).
 * 
 * The only attribution I require is to keep this notice of copyright & license 
 * in this original source file.
 *
 * Version 0.6.1 - 07.08.2007
 *
 */

/**
 * Standard Configuration. It is advised that this section NOT be modified as the
 * carousel.js expects the behavior outlined below.
 **/
.carousel-component { 
	position:relative;
	overflow:hidden;   /* causes the clipping */
	display:none; /* component turns it on when first item is rendered */
	
}
				
.carousel-component ul.carousel-list { 
	width:10000000px;
	position:relative;
	z-index:1; 
}

.carousel-component .carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;
	background-image:none;	
}

/**
 * VERTICAL CAROUSEL DEFAULTS
 **/
.carousel-component .carousel-vertical li { 
	margin-bottom:0px;

	/* Fix for extra spacing in IE */
	float:left;
    clear:left;  
	
	/* Force the LI to respect the HEIGHT specified */
	overflow:hidden;
	display:block;
}

/* For vertical carousel, not set, width defaults to auto */
/* Note if you explicitly set width to auto, this might cause */
/* problems with Safari... as in up/down button not working in some examples. */	 
.carousel-component ul.carousel-vertical {
/*	width:auto;*/
}

.carousel-component .carousel-clip-region { 
	overflow:hidden; /* Secret to the clipping */
	margin:0px auto;
	position:relative; 
}

/**
 * ==============================================================================
 * Safe to override. It is safe to override background, padding, margin, color,
 * text alignment, fonts, etc. Define a separate CSS file and override your style
 * preferences.
 **/

.carousel-component { 
	background:white;
	padding:0px;
	-moz-border-radius:6px;
	color:#618cbe;
}
.carousel-component ul.carousel-list { 
	margin:0px;
	padding:0px;
	line-height:0px;
}
.carousel-component .carousel-list li { 
	text-align:center;
	margin:0px;
	padding:0px;
	font:10px verdana,arial,sans-serif;
	color:#666;
}
.carousel-component .carousel-vertical li { 
}
.carousel-component ul.carousel-vertical { 
}



/*-----------http://www.fnaim.fr/upload/files/css/photo.cs --------------------------------------*/
/* PHOTO */

body {
	padding: 0;
	margin: 0;
	text-align:left;
}

#FNAIM_Photo_Center {
	text-align:center;
	width: 450px;
	margin: 0 auto;
	font-family: Verdana;
	font-size: 8pt;
	color: #122373;
}

#FNAIM_Carousel {
	position: relative;
	left:0;
	top:0;
	font-family: Verdana;
	font-size: 8pt;
	color: #122373;
}

#FNAIM_Photo_Center img {
	border:1px solid #ACC7EF;
}


.carousel-component { 
    padding:8px 16px 4px 16px;
    margin:0 auto;
}

.carousel-component .carousel-list li { 
    margin:2px;
    width:41px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) + 
                   img.border-left (1) + img.border-right (1)*/
    height:40px; /* image + row of text (87) + border-top (1) + border-bottom(1) + margin-bottom(4) */
    /*    margin-left: auto;*/ /* for testing IE auto issue */
}

.carousel-component .carousel-list li a { 
    display:block;
    border:1px solid #e2edfa;
    outline:none;
}

.carousel-component .carousel-list li a:hover { 
    border: 1px solid #aaaaaa; 
}

.carousel-component .carousel-list li img { 
    border:1px solid #999;
    display:block; 
}
                                
.carousel-component .carousel-prev { 
    position:absolute;
    top:20px;
    z-index:3;
    cursor:pointer; 
    left:5px; 
}

.carousel-component .carousel-next { 
    position:absolute;
    top:20px;
    z-index:3;
    cursor:pointer; 
    right:5px; 
}

img#prev-arrow {
	border:0;
}
 
img#next-arrow {
	border:0;
}



/* ---------http://www.fnaim.fr/upload/files/css/item.css---------------------------------------------*/
/* ITEM */

#FNAIM_Bloc {
	font-family: Arial, Sans serif;
}

#FNAIM_Boutons {
	clear: both;
	width:625px;
	text-align: right;
	padding-right: 20px;
}

#FNAIM_Affinage_Villes {
	width: 588px;
	padding: 10px 20px;
	border: 1px solid #B3B3B3;
	background: #ececec;
}

.FNAIM_Item_Publicite {
	text-align: center;
	width:615px;
	margin: 5 auto 5 auto;	
	padding-top: 5px;
	padding-bottom: 15px;
}

.FNAIM_Detaille_Item {
	text-align: left;
	width:585px;
	margin: 0 auto;	
	font-size: 8pt;
}

.FNAIM_Detaille_Entete {
	background-color: #ECECEC;
	font-size: 8pt;
	width: 583px;
	height: 35px;
	border-top: 1px solid #B3B3B3;
	border-left: 1px solid #B3B3B3;
	border-right: 1px solid #B3B3B3;
}

.FNAIM_Detaille_Entete_Left {
	color: black;
	float:left;
	font-size: 8pt;
	padding-left: 8px;
	text-align: left;
	clear:left;
	padding-top: 3px;
	height: 12px;
	width:300px;
}

.FNAIM_Detaille_Entete_Right {
	float:right;
	clear:right;
	color: black;
	font-size: 8pt;
	padding-right: 5px;
	text-align: right;
	height: 12px;
	padding-top: 3px;
	width:180px
}

.FNAIM_Detaille_Content {
	background-image: url('/upload/images/item/Entete.gif');
	background-repeat: repeat-x;
	border: 1px solid #B3B3B3;
	height: 200px;
	width: 583px;
}

.FNAIM_Detaille_Content_Image {
	float:left;
	margin-left: 30px;
	margin-top: 10px;
	width:160px;
}


.FNAIM_Detaille_Content_Value {
	width:152px;
	height:114px;
}

.FNAIM_Detaille_Content_Value img {
	border:1px solid #ACC7EF;
}

.FNAIM_Detaille_Content_Right {
	width: 350px;
	float:right;
	margin-top: 10px;
	font-size:8pt;
}

.FNAIM_Detaille_Left {
	float:left;
}

.FNAIM_Detaille_Right {
	float:right;
}

.FNAIM_Detaille_Content_Ref {
	background-color: #DCDCDC;
	border-top: 1px dashed black;
	font-weight: bold;
	font-size:8pt;
	padding: 3px;
	clear:both;
}

.FNAIM_Detaille_Exclu {
	text-align: right;
	width: 350px;
}

.FNAIM_Detaille_Exclu img {
	padding-top: 10px; 
	padding-right: 23px;
}


.FNAIM_Detaille_Footer {
	clear: both;
	border-left: 1px solid #ACC7EF;
	border-right: 1px solid #ACC7EF;
	border-bottom: 1px solid #ACC7EF;
	height: 30px;
	width: 583px;
}

.FNAIM_Detaille_Footer_Item {
	float:left;
	height:30px;
	margin-top:7px;
	padding-left:20px;
}

.FNAIM_Detaille_Footer_Item_Details {
	position:relative;
	top:13px;
	left:-5px;
	height:15px;
	background-color: white;
	text-align: center;
	border: 1px solid #ACC7EF;
	width:120px;
	padding: 2px;
}

.FNAIM_Detaille_Footer_Item_Fiche {
	position:relative;
	top:-8px;
	left:125px;
	height:15px;
	background-color: white;
	text-align: center;
	border: 1px solid #ACC7EF;
	width:100px;
	padding: 2px;
}

.FNAIM_Detaille_Details {
	border-left: 1px solid #ACC7EF;
	border-right: 1px solid #ACC7EF;
	border-bottom: 1px solid #ACC7EF;
	width: 583px;
	font-size:8pt;
}

.FNAIM_Detaille_Details_Title {
	padding-left:18px;	
	padding-top: 10px;
}

.FNAIM_Detaille_Details_Background {
	background-color: #B3B3B3;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size:7pt;
}

.FNAIM_Detaille_Details_Left {
	float:left;
	height: 14px;
	width: 280px;
}

.FNAIM_Detaille_Details_Right {
	float:left;
	height: 14px;
	width: 280px;
}

.FNAIM_Detaille_Right_Item {
	vertical-align:middle;
	padding-right: 5px;
}

.FNAIM_Detaille_Right_Item img {
	vertical-align:middle;
	border: 0;
}

.FNAIM_Detaille_Details_Item_Left {
	float:left;
	padding-left: 14px;
	width: 150px;
	height: 20px;
}

.FNAIM_Detaille_Details_Item_Right {
	float:left;
	padding-left: 14px;
	width: 80px;
	height: 20px;
}

.FNAIM_Detaille_Details_Footer {
	text-align: center;
	width: 583px;
	margin-left: 25%;
}


#FNAIM_Right_Items {
	float: left;
}

#FNAIM_Panier {
	height: 200px;
	width: 200px;
	border: 1px solid red;
}

#FNAIM_Panier_Header {
	font-weight: bold;
	height: 20px;
}

#FNAIM_Panier_Content {
	height: 180px;
}

#FNAIM_Panier_Content, #FNAIM_Panier_Information  {
	font-size: 8pt;
}

#FNAIM_Trash {
	height: 200px;
	width: 200px;
	border: 1px solid red;
}

#FNAIM_Trash_Header {
	font-weight: bold;
	height: 20px;
}

#FNAIM_Trash_Content {
	height: 180px;
}

#FNAIM_Trash_Content, #FNAIM_Trash_Information  {
	font-size: 8pt;
}

.criteres_listing_bien {
	padding: 1px;
	margin: 4px;
    list-style-type: none;
}



/*-------------http://www.fnaim.fr/upload/files/css/lightbox.css-----------------------------------*/
/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:500px;
	height:400px;
	margin:-220px 0 0 -250px;
	background: #FFFFFF;
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
/*	width:100%;
	height:100%;*/
}

/*----------------------------------------------*/