/*------------------------------------------------------------------
STYLESHEET FOR FNAIM.fr
Version 1.0
(c) SOFTAKT - www.softakt.com
-------------------------------------------------------------------*/

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




a {
color: #0f4d98;
}

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


/* -----------------------------------
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: 15px auto;
background:#fff;
width:1000px;
}

#header {
height:140px;
}

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

#content-left {
width:650px;
float:left;
background: url(/upload/images/design/content-back.jpg) repeat-x top;
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(/upload/images/design/shadow-xl.jpg) no-repeat;
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 Actualites
------------------------------------*/

.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;
} 


