/*-----------------------------
Stylesheet for Agence FNAIM
November 2008
Softakt - www.softakt.com
-----------------------------*/

body {
text-align: left;
font-family: Verdana, Arial, sans-serif;
font-size: 9pt;
margin:0;
padding:0;
background:#fff url(/upload/images/design/body.png) repeat-x;
color: #333;
}

#search {
font-size:11px;
}

/* Reset & utils */

h1, h2, h3, h4, h5, h6, form {
margin:0;
padding:0;
}

img, fieldset, .noborder {
border:0;
}

.clearb {
clear: both;
}

.left {
float: left;
margin: 0 5px 0 0;
}

.right {
float: right;
margin: 0 0 0 5px;
}

.small {
font-size: 10px;
}

#FNAIM_Header_Content_Right {
width: 350px;
}

div#FNAIM_Header {
width: 620px;
}
/*
div#FNAIM_Bloc, div#FNAIM_Category, div#FNAIM_Tri_Content, 
div#FNAIM_Footer_Content, div#FNAIM_Items {
width: 618px;
}

div#FNAIM_Boutons {
width: 605px;
}*/

/* Links */

a {
color: #016a71; 
}

a:hover {
color: #009faa;
}

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

#container {
margin: 0 auto;
width:1000px;
background: #fff;
overflow:hidden;
}

#wrapper {
overflow:hidden;
height:100%;
}

#left {
width: 172px;
float:left;
margin-left:5px;
display:inline;
}

#main {
float: left;
width: 626px;
padding:0 10px;
overflow:hidden;
height:100%;
}

#right {
width: 172px;
float: right;
margin-right:5px;
display:inline;
}

#footer {
margin-bottom: 15px;
}

/*-----------------------------
 Header / Menu / Path
-----------------------------*/

#header img {
display:block;
}

#path {
margin-bottom:1em;
color: #999999;
font-size: 11px;
}

#menuwrapper {
margin-bottom:15px;
}

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

/* Liens utiles */

#liens-fnaim {
width: 720px;
margin:10px auto;
overflow:hidden;
height:100%;
}

#liens-fnaim img {
float:left;
display:block;
}

/* Footer */

#footer {
color: #666;
background: url(/upload/images/design/footer/footer-bg.gif) repeat-x;
height:25px;
line-height:25px;
font-size:10px;
text-align:center;
}

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

#nav-left ul {
margin:0;
padding:0 0 40px 0;
list-style:none;
background: #e2f7f8 url(/upload/images/design/menu/nav-bg.png) no-repeat bottom;
}

#nav-left li a {
text-decoration:none;
display:block;
color:#333;
padding:5px 2px;
border-bottom:solid 1px #fff;
}

#nav-left li a:hover {
color:#000;
border-bottom:solid 1px #999;
}

#nav-left li {
background: url(/upload/images/design/menu/nav-li.png) no-repeat 5px 8px;
padding:0 7px 0 20px;
}

/* Home */

#home {
padding:0 5px;
}

#president, #actu, #home-carres img {
float:left;
border: solid 1px #64c6cc;
padding:5px;
}

#home-carres {
margin-top:10px;
}

#home-carres img {
display:block;
}

#home-carres a:hover img {
opacity:.8;
}

#president, #actu {
height:300px;
width:290px;
background:green;
}

#president {
background:url(/upload/images/design/home/president-bg2.jpg) no-repeat center;
}

#actu {
background:url(/upload/images/design/home/actu-bg2.jpg) no-repeat center;
}

/*-----------------------------
 Sidebars
-----------------------------*/

#left h2, #right h2 {
background:#009faa;
color:#fff;
border-bottom: solid 1px #016a71;
font-size:13px;
padding: 1px 0 1px 10px;
}

.side-block {
border: solid 1px #016a71;
margin-bottom: 10px;
font-size:11px;
}

.side-block a {
font-size:11px;
}

/* Nouveautes */

#nouveautes h5 {
font-size: 13px;
color:#666;
}

#nouveautes a img {
border: solid 1px #666;
opacity: 0.8;
filter: alpha(opacity=80);
}

#nouveautes a:hover img {
border: solid 1px #333;
opacity: 1;
filter: alpha(opacity=100);
}

.news_bloc_content {
text-align:center;
border: solid 1px #aaa;
padding:5px;
margin:8px;
background: url(/upload/images/design/sidebars/nouveautes-bg.gif) repeat-x;
}

/* Pub */

#publicite h2 {
text-align:left;
}

#publicite {
text-align:center;
}

#pub {
padding: 10px 0;
}

/* Mon projet */

#mon-projet, #recherche-rapide, #liens-utiles {
background:url(/upload/images/design/sidebars/side-bg.gif) repeat-x;
}

#mon-projet form {
margin: 5px 0 0 10px;
}

#mon-projet label {
display: block;
margin-bottom:2px;
line-height:1.5;
}

#mon-projet input {
border:solid 1px #B3B3B3;
padding: 1px;
margin-bottom: 5px;
width: 140px;
font-size:12px;
}

#mon-projet input:hover, #mon-projet input:focus {
border:solid 1px #000;
background: #f9f9f9;
}

#mon-projet input.submit {
border:0;
width:72px;
margin-left:40px;
}

#mon-projet-footer {
background:#009faa;
border-top: solid 1px #b3b3b3;
}

#mon-projet-footer a {
font-size: 10px;
color:#fff;
text-decoration:none;
}

/* Mon projet logué */

#projet_moncompte {
padding-left:5px;
padding-bottom: 10px;
}

#projet_moncompte ul {
margin-left:15px;
padding:0;
}


/* Recherche rapide */ 

#search_little {
padding:5px;
}

#search_little * {
margin:0;
padding:0;
font-size: 11px;
}

#search_little input, #search_little select {
border:solid 1px #B3B3B3;
padding:1px;
}

#search_little input:focus, 
#search_little input:hover {
border:solid 1px #000;
background: #f9f9f9;
}

#search_little p.nofloat label {
float:none;
}

#search_little input#category_little_vente, #search_little input#category_little_location {
border:0;
}

#search_little label {
float:left;
line-height:1.5;
font-size:11px;
}

p.form-right label {
text-align:right;
width:87px;
}

#search_little p {
margin:3px 0;
overflow:hidden;
height:100%;
}

#search_little input#FNAIM_Little_Input_CP,
#search_little input#prix_little_min,
#search_little input#prix_little_max,
#search_little input#surface_little_min,
#search_little input#surface_little_max {
float:right;
width:65px;
}

#search_little input#FNAIM_Little_Input_Ville {
float:right;
width:110px;
}

#search_little select#type_little {
float:right;
width:114px;
}

#search_little .form-submit {
padding-top:5px;
text-align:center;
}

#search_little input#resultats,
#search_little input:hover#resultats,
#search_little input:focus#resultats {
border:0;
}

/* Liens utiles */

#liens-utiles ul {
margin-left:15px;
padding:0;
list-style:none;
}

#liens-utiles li {
padding-left:15px;
background:url(/upload/images/design/sidebars/list.gif) no-repeat 0 5px;
}

#liens-utiles a {
color:#666;
}

#liens-utiles a:hover {
color:#333;
text-decoration:none;
}

/* Estimation */

#estimation p {
text-align:center;
margin:0;
}

#estimation p a {
text-decoration:none;
display:block;
font-size: 13px;
font-weight:bold;
padding:3px 0;
}

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

/* Home */

#home h1 {
font-size: 15px;
color: #555;
margin:1em 0;
padding-bottom:5px; 
border-bottom: solid 1px #b3b3b3;
}

.home-block h2 {
font-size: 13px;
color: #555;
margin:1em 0;
padding-bottom:5px;
border-bottom: solid 1px #b3b3b3;
} 

#home-head:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#home-head{
height:1%;
}

.home-block {
float:left;
width: 305px;
margin: 0 0 10px 0;
}

#home-map {
margin-left:15px;
}

#gmap {
overflow:hidden;
position:relative;
height:100%;
}

#gmap-wrapper {
padding:5px;
border: solid 1px #b3b3b3;
}

#services {
border: solid 1px #b3b3b3;
clear:both;
overflow:hidden;
}

#services h2 {
background:#ececec;
color:#006699;
border-bottom: solid 1px #b3b3b3;
font-size:12px;
font-weight:normal;
padding-left: 10px;
}

#services h3 {
text-align:center;
font-size: 14px;
color:#666;
line-height:1.5;
}

/* Inscription */

.inscription_user {
margin-top:15px;
}

.inscription_user input, .inscription_user select, .inscription_user textarea {
margin:1em 0;
vertical-align: middle;
border:solid 1px #666;
padding: 1px;
}

.inscription_user input:hover, .inscription_user input:focus,
.inscription_user textarea:hover, .inscription_user textarea:focus,
.inscription_user select:hover, .inscription_user select:focus {
border:solid 1px #000;
background: #f9f9f9;
}

.inscription_user label {
float:left;
display:block;
width: 130px;
text-align:right;
margin:1em 15px 1em 0;
line-height:10px;
}

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

/**************************
Headings
*************************/

.contenu h1 {
color:#016a71;
text-align:center;
font-size:18px;
margin:1em 0;
padding: 1.5em 0;
background:url(/upload/images/design/titre-bg.png) no-repeat center;
}

.contenu h2 {
color:#016a71;
text-align:center;
font-size:18px;
margin:1em 0;
padding: 1.5em 0;
background:url(/upload/images/design/titre-bg.png) no-repeat center;
}

.contenu h3 {
color: #006699; 


font-size: 14px;
margin:.6em 0;
}

.contenu h4 {
color: #006699; 
font-size: 1em;
line-height: 1.3em;
margin: 0 0 0.1em 0.8em;
font-weight: lighter ;
}

.contenu h5 {
font-size: 1.1em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
}

.contenu h6 {
font-size: 1em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
}

/*------------------------
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;
}

/*-----------------------
Proposer un bien
-----------------------*/

#proposer_bien_form input, 
#proposer_bien_form select,
#proposer_bien_form textarea {

border:solid 1px #666;
padding:1px;
}

#proposer_bien_form input:focus, 
#proposer_bien_form input:hover,
#proposer_bien_form select:focus, 
#proposer_bien_form select:hover,
#proposer_bien_form textarea:focus, 
#proposer_bien_form textarea:hover {
border:solid 1px #000;
background: #fcfcfc;
}

#proposer_bien_form input:hover.button {
background:#d4d0c8;
}


/*-----------------------
Error & Success messages
-----------------------*/


.formSuccess, .formError {
margin: 1em 0;
padding: .5em 0;
font-size:13px;
text-align:center;
}

.formSuccess {
background: #fff9d1 url(/upload/images/design/valid.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border: 2px solid #ffd324;
color:#666;
}

.formError {
background: #fff9d1 url(/upload/images/design/error.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;

border: 2px solid #ffd324;
color:#666;
}

/*-----------------------
Pole WEB - HJ
-----------------------*/

.chemin,
.chemin a,
.chemin a:link,
.chemin a:visited
 {
text-decoration: none;
color: #999999;
font-weight: normal;
font-size: 11px;
}
.chemin a:hover {
text-decoration: underline;
}
.chemin a:active {
color: #767575;
}

#content p
{
text-align: justify;
}

#pourquoi img {
float:left; 
display:block;
}

/**************************
Contactez-nous
*************************

#contactez-nous {
}

.contact-text {
float:left;
width:50%;
margin:10px 0;
}

.contact-text-bloc {
background: url('/upload/images/design/fond-bloc-form.gif') repeat-x;
}
*/


.clearb { clear: both; }


#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
background: url(/upload/images/design/menu/menu-back.png) repeat-x;
   border-bottom: 1px solid #fff;
   width: 1000px;
   z-index: 999;
   position: relative;
}

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

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

/* 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; 
}

#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: #006699;
}

#primary-nav li a { 
color:#333;
   border-right: 1px solid #fff;
   border-left: 1px solid #fff;
}

#primary-nav li li a { 
   border: 1px solid #fff;

}              

#primary-nav li { 
background: url(/upload/images/design/menu/menu-back.png) repeat-x;
}

#primary-nav li li { 
background: #009faa;
}

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

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

/* 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/arrow-right.gif');
   background-repeat: no-repeat;
   background-position: center right; 
}

/* 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: #016a71; 
}

#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 { 
   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 { 
   display: block; 
}

/* IE Hacks */

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

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