@charset "utf-8";
/*******************************************************************************************/
/************STYLE*************************************************************************/
/*****************************************************************************************/
body {
line-height: 1.2; /*valeur base*/
font-size: .8em; /* À adapter pour la police choisie. (3) */ 
color:black;
font-family: Helvetica, Arial, Verdana, Georgia;
background: #FFFFFF
}
/*—————————————————————————COULEURS—————————————————————————*/
/*COLOR*/
.white{color:#FFFFFF}
.grey1{color:#E0E1E2}
.grey2{color:#B8B8B8}
.grey3{color:#A8A8A8}
.grey4{color:#6D6D6D}
.grey5{color:#1A1A1A}
.black{color:#000000}
/*color theme*/
.turquoise{color:#05C7F2}
.bleu{color:#3C96B8}
.bleuVert{color:#013440}
/*BACKGROUND*/
.backWhite{background-color:#FFFFFF}
.backGrey1{background-color:#C8C8C8}
.backGrey2{background-color:#B8B8B8}
.backGrey3{background-color:#A8A8A8}
.backGrey4{background-color:#6D6D6D}
.backGrey5{background-color:#1A1A1A}
.backBlack{background-color:#000000}
/*Background theme*/
.backTurquoise{background-color:#05C7F2}
.backBleu{background-color:#3C96B8}
.backBleuvert{background-color:#013440}
/*—————————————————————————LIENS—————————————————————————*/
/* La définition du style des liens. doit respecter cet ordre, y compris le groupe de sélecteurs qui créent l'effet de survol. */
a:link {color: #6D6D6D;text-decoration: none;}
a:visited {color: #6D6D6D;text-decoration: none;}
a:hover, a:active, a:focus {color:#05C7F2;text-decoration: none;}/* ce groupe de sélecteurs offrira à un navigateur au clavier la même expérience de survol que celle d'une personne employant la souris. */


/*—————————————————————————SELECTION—————————————————————————*/
::-moz-selection {background:#05C7F2;color:white;} /* Pour firefox */
::selection {background:#05C7F2;color:white;} /* Pour les autres */
/*—————————————————————————POSITIONS—————————————————————————*/
/* FLOAT */
.floatL{float:left}
.floatR{float:right}
/* *** */
.clB{clear:both}
.displayIB {
display:inline-block;
vertical-align: top;
margin-right: -.25em;} /* corection espace de droite */	/*margin:5px;  Pour retrouver un espace coherent réutiliser la fonction MARGIN */
.db{display: block;}

/*—————————————————————————ESPACEMENTS—————————————————————————*/
/* BORDER */
.borderS1{border:1px solid #E0E1E2}
.borderTD{border-top:1px dotted #6D6D6D}
.borderTS14{border-top:14px solid #E0E1E2}
.borderBS14{border-bottom:14px solid #E0E1E2}
.borderTS2blue{border-top:1px solid #05C7F2}
.borderBD{border-bottom:1px dotted #6D6D6D}
.borderRD{border-right:1px dotted #A8A8A8}
.borderBS2{border-bottom:2px solid #1A1A1A}
.borderBS4{border-bottom:4px solid #1A1A1A;}
.borderTS{border-top:2px groove #6D6D6D}
.border4S{border:4px solid #B8B8B8}
.borderRadius5{border-radius:5px;}
.borderRadius10{border-radius:10px;}
.borderRadius15{border-radius:15px;}
.borderBshadow{ box-shadow: 1px 1px 5px #555;}
/* MARGIN */
.margin4 {margin:4px;}
.margin5 {margin:5px;}
.margin10 {margin:10px;}
.margin20 {margin:20px;}
.margin30 {margin:30px;}
.marginT5 {margin-top:5px;}
.marginT10 {margin-top:10px;}
.marginT20 {margin-top:20px;}
.marginB5 {margin-bottom:5px;}
.marginB10 {margin-bottom:10px;}
.marginB20 {margin-bottom:20px;}
/* PADDING */
.paddingS{padding:7px 0 7px 0;}
.padding5{padding:5px}
.padding1{padding:1%}
.padding2{padding:2%}
.padding3{padding:3%}
.padding20{padding:20px}
.paddingL20{padding-left:20px;}
/*—————————————————————————TEXTES—————————————————————————*/
/*TITLE*/ 
h1, h2, h3, h4, h5, h6 { 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style:oblique;} 
h1{font-size: 5em}
h2{font-size: 2em}
h3{font-size: 1.8em}
h4{font-size: 1.5em}
h5{font-size: 1.1em}
h6{font-size: .7em}
/*FONT FAMILY*/
@font-face {
font-family: 'nobile';
src: url('../font/nobile.ttf');}
/*FONT SIZE*/
.fontSize06{font-size:0.6em}
.fontSize07{font-size:0.7em}
.fontSize08{font-size:0.8em}
/*FONT STYLE*/
b{font-weight: bold;}
strong{font-weight: bold;color:#05C7F2}/* Changez la couleur du texte en fonction du projet */
em{font-style: italic;}/* Divers éléments de type en-ligne (8) */
.fontStyleI{font-style:italic;}
.bold{font-weight: bold;}/* Changez la couleur du texte en fonction du projet */
/*LINE HEIGHT*/
.line1{line-height:1.4}
.line2{line-height:2}
.line3{line-height:3}
/*ALIGN*/
.alignJ{text-align:justify;}
.alignR{text-align:right;}
.alignC{text-align:center;}


.read{
float:right;
margin-top:10px;
font-weight: bold;
}
/*******************************************************************************************/
/************END STYLE*********************************************************************/
/*****************************************************************************************/

/*******************************************************************************************/
/************HEADER************************************************************************/
/*****************************************************************************************/
#headContainer{
width: 980px;
height:115px;
margin: 0 auto;
position: relative;
}
#logo{
float: left;
position:relative;
top:20px;
left:20px;
}
#imageHead{
height:61px;
background-image:url(../img/imageHeader.png);
background-repeat: repeat-x;
background-position: center;
}
/*—————————————————————————MENU—————————————————————————*/
header nav ul{
line-height:34px;
text-align:center;
font-size:1.3em;
font-variant:small-caps;
z-index:1;
}
header nav ul ul{
line-height:2px;
}
header nav #menu{
list-style:none;
height:45px;
padding:6px 0;
top:15px;
float:right;
right: 0;
position: absolute;
}

header nav #menu li{
float:left;
position:relative;
padding:8px 0;
margin:7px 30px 0 0;
}
header nav #menu li ul li{
border-top:1px dotted #6D6D6D;
padding: 13px;
display: block;
width:100px;
text-align: left;
}
header nav #menu .actif{
color:#05C7F2;
/*background:url(/img/menuHover.png) center no-repeat;
background-position:50% -4px;
padding-top:15px;*/
}
header nav #menu li:hover {
color:#05C7F2;
/*background:url(/img/menuHover.png) center no-repeat;
background-position:50% -4px;*/
}
header nav #menu li ul li:hover{
background:none;
}

header nav #menu li a{
font-size:1.3em;
color:#1A1A1A;
/*text-shadow:0 1px 0px #A8A8A8;*/
text-decoration: none;
}
header nav #menu a:hover{
color:#05C7F2;
}
header nav #menu ul li a{
color:#6D6D6D;
text-shadow:none;
font-size:0.7em;
}
header nav #menu li ul li{
color:#6D6D6D;
}
header nav #menu li ul li:hover a{
color:#05C7F2;
}
.menuContainer1, .menuContainer2{
float:left;
position:absolute;
text-align:left;
visibility: hidden;
padding: 10px;
background-color:#FFFFFF;
border-top:none;
/*border-radius:0 5px 5px 5px;*/
}
.menuContainer1{width:140px;}
.menuContainer2{width:140px;}

#menu li:hover .menuContainer1, #menu li:hover menuContainer2{
visibility:visible;
left:-1px;
}



.menuContainerCol1, menuContainerCol2{
display:inline;
float:left;
position:relative;
margin:0 5px;
}
.menuContainerCol1{width:130px}
.menuContainerCol2{width:130px}

/*—————————————————————————END MENU—————————————————————————/
/*******************************************************************************************/
/************END  HEADER*******************************************************************/
/*****************************************************************************************/

/********************************************************************************************/
/************CONTAINER**********************************************************************/
/******************************************************************************************/

/*—————————————————————————CONTAINER INDEX—————————————————————————*/
#containerIndex {
width: 980px;
margin: 0 auto;
}
#containerIndex section{
display:inline-block;
vertical-align: top;
color:#6D6D6D;
border-bottom:4px solid #1A1A1A;
border-radius:1px;
box-shadow: 1px 1px 5px #555;
background-color: #FFFFFF;
margin: 15px 10px 0 10px;
padding:10px;
}
#containerIndex article{
}
#containerIndex header{
border-bottom:2px solid #1A1A1A;
}
#containerIndex nav{

}
aside{

}
#containerIndex footer{
}
#nouveautesHome{width:51%;}
#actuHome{width:40.5%;}
/*—————————————————————————END CONTAINER INDEX—————————————————————————*/

/*—————————————————————————CONTAINER SCPA—————————————————————————*/
#containerScpa {
width: 980px;
margin: 0 auto;
}
#containerScpa section{
display:inline-block;
vertical-align: top;
color:#6D6D6D;
border-bottom:4px solid #1A1A1A;
border-radius:1px;
box-shadow: 1px 1px 5px #555;
background-color: #FFFFFF;
margin: 1em 1em 0 0;
padding:10px;
}
#containerScpa header{
margin:0 0 1em 0;
border-bottom:2px solid #1A1A1A;
}
#containerScpa nav{

}
#containerScpa article{
}
aside{

}
#containerScpa footer{
}


/*—————————————————————————END CONTAINER SCPA—————————————————————————*/

/*—————————————————————————CONTAINER ACHETER—————————————————————————*/
#containerAcheter {
width: 980px;
margin: 0 auto;
}
#containerAcheter section{
display:inline-block;
vertical-align: top;
color:#6D6D6D;
border-bottom:4px solid #1A1A1A;
border-radius:1px;
box-shadow: 1px 1px 5px #555;
background-color: #FFFFFF;
margin: 1em 1em 0 0;
padding:10px;
width:100%;
}
#containerAcheter header{
margin:0 0 1em 0;
border-bottom:2px solid #1A1A1A
}
#containerAcheter nav{

}
#containerAcheter article{
position:relative;
}
aside{

}
#containerAcheter footer{
}
article h2 {
	margin-top: 1em;
}

/* FORM*/
form#formSearchImmo {
background-image:url(./../img/ligneChrono.gif);
padding:56px 0 0 25px;
width:925px;height:190px;
}

form#formSearchInvestir {
background-image:url(./../img/ligneChrono2.gif);
padding:56px 0 0 25px;
width:925px;height:190px;
}

#formSearchImmo span, #formSearchInvestir  span{
float:left;
margin-bottom: 15px;
margin-left: 30px;
}

#formSearchImmo label, #formSearchInvestir label{
font-size:1.5em;
color:#05C7F2;
display:inline-block;	
}
#formSearchImmo input{}

.checkboxType{margin-top:10px;margin-left:20px;}

.checkboxType input{margin-top:4px;}

#sendImmo{top:50px;position:relative;}

#formSearchImmo input.searchImmo, #formSearchInvestir input.searchImmo{ 
background-image:url(./../img/white.gif) ;
height:60px; 
text-indent:-5000;
font-size:1.2em;
color:#1A1A1A;
border:solid 2px #B8B8B8;

}
#formSearchImmo input.searchImmo, #formSearchInvestir input.searchImmo:hover{
color:#05C7F2;
}
#formSearchImmo input.searchImmo, #formSearchInvestir input.searchImmo:active{
color:#1A1A1A;
}
/*END FORM*/

.result{
padding:5px;
margin: 10px;
width:450px;
height:230px;
border:solid 1px #B8B8B8;
}
.result .img1 {
border:solid 1px #B8B8B8;
margin:10px;
}
.result p{

}
a .result:hover, a .result:active, a .result:focus{border:solid 1px #000000;}

/*—————————————————————————END CONTAINER ACHETER—————————————————————————*/

/*————————————————————————— CONTAINER FICHE—————————————————————————*/
#container-fiche {
width: 980px;
margin: 0 auto;
}
#container-fiche section{
display:inline-block;
vertical-align: top;
color:#6D6D6D;
border-bottom:4px solid #1A1A1A;
border-radius:1px;
box-shadow: 1px 1px 5px #555;
background-color: #FFFFFF;
margin: 1em 1em 0 0;
padding:10px;
width:100%;
}
#container-fiche header{
margin:0 0 1em 0;
border-bottom:2px solid #1A1A1A
}
#container-fiche nav{

}
#container-fiche article{
position:relative;
}
aside{

}
#container-fiche footer{
position:relative;
left:100px;
top:110px;
color:#05C7F2;
}

#imgFiche{
position:relative;
float:left;
margin:20px;
height:400px;
}
/*FICHE LISTE*/
.content_infos_prod {
float:left;
font-family:helvetica, arial;
font-size: 11px;
padding: 9px 0;
margin:10px;
}
.content_infos_prod ol .blocWidth {
width:202px;float: left;margin-left:12px;margin-bottom:12px;

}
.content_infos_prod ol li {
list-style: none;
margin-left: 12px;
color: #222;
display: block;
line-height: 28px;
width: 190px;
padding: 0 6px;
float: left;
clear: none;
}
.content_infos_prod li. {
margin-left: 12px;
}
.content_infos_prod li.switch_style {
background: #EFF2F6;
}
.content_infos_prod li b {
float: right;
}

/*FICHE LISTE*/
.content_infos_ann {
float: left;
width: 620px;
padding: 9px 0;
margin:10px;
}
.content_infos_ann ol li {
list-style: none;
font-size: 11px;
margin: 0;
color: #222;
display: block;
line-height: 28px;
width: 140px;
padding: 0 6px;
float: left;
clear: none;
}
.content_infos_ann ol.liste_details li {
width: 186px;
}
.content_infos_ann ol.liste_details {
margin: 0;
padding: 0;
overflow-y: visible;
}
.content_infos_ann li.switch_style {
background: #EFF2F6;
}
.content_infos_ann .float_right{float:right;}
.content_infos_ann li.float_right {
margin-left: 12px;
}
.content_infos_ann li.switch_style {
background: #EFF2F6;
}
.content_infos_ann li b {
float: right;
}

/* Zoomer une image façon thumbnail SANS CACHER L'IMAGE*/
.thumb {
 position:relative; 
 top:0;
float:right;
width:350px;
margin:20px;
 }
  
.thumb a {
 margin:0;
 text-decoration:none;
 }

.thumb a:hover {
 }

.thumb a .grand {
 display:block;
 position:absolute; 
 width:0; 
 }	  
  
.thumb a:hover .grand { 
 position:absolute;
 top:0;
 left:-590px;
 width:550px;
 }


/*—————————————————————————END CONTAINER FICHE—————————————————————————*/

/*—————————————————————————CONTAINER CONTACT—————————————————————————*/
#containerContact {
width: 980px;
margin: 0 auto;
}
#containerContact section{
display:inline-block;
vertical-align: top;
color:#6D6D6D;
border-bottom:4px solid #1A1A1A;
border-radius:1px;
box-shadow: 1px 1px 5px #555;
background-color: #FFFFFF;
margin: 1em 1em 0 0;
}
#containerContact header{
margin:0 0 1em 0;
border-bottom:2px solid #1A1A1A
}
#containerContact nav{

}
#containerContact article{
padding:1em;
display:inline-block;
vertical-align: top;
}
aside{

}
#containerContact footer{
}
/*FORM*/




/*END—FORM*/
/*—————————————————————————END CONTAINER CONTACT—————————————————————————*/

/*******************************************************************************************/
/************FOOTER************************************************************************/
/*****************************************************************************************/
footer{
margin-top:2em;
}
#containerFooter{
width: 980px;
margin: 0 auto;
}
.boxFooter{
width:25%;
margin:1% 0 1% 6%;
}
footer ol, footer ul, footer li{margin-left:10px}

#footerPartners{
background:#000005;
padding:5px 0 5px 0;
border-top:solid 1px #2A2A2A

}
/*******************************************************************************************/
/************END FOOTER********************************************************************/
/*****************************************************************************************/