/* Style  */            
/* CMI-Immobilier Style */           


BODY {
	background-color: #BDD2F0;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	margin: 0px;
	color: #333;
}
a {
	color: #333;
	text-decoration: underline;
}
a:hover {
	color: #333;
	text-decoration: none;
}
#global {
	width: 965px;
	margin-left: auto;
	margin-right: auto;
}
.gras {
	font-weight: bold;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
.cadre {
	background-color: #BDD2F0;
	float: left;
	margin-right: 10px;
}
.clearleft{
	clear: left;
}
.clearright{
	clear: right;
}
.clearboth{
	clear: both;
}
.lien {
	font-size: 11px;
	color: #5081c5;
}
.lien a{
	color: #5081c5;
	text-decoration: underline;
}
.lien a:hover{
	color: #5081c5;
	text-decoration: none;
}
.EN-TETE {
	position: relative;
	background: url(imgs/CMI-entete.jpg) no-repeat;
	width: 965px;
	height: 124px;
	z-index: 100;
}
.EN-TETE .fnaim{
	position: absolute;
	background: url(imgs/logo-FNAIM.gif) no-repeat;
	left: 875px;
	top: 103px;
	width: 53px;
	height: 41px;
}
.MENU {
	position: relative;
	background: url(imgs/BG-menu.gif) repeat-x;
	height: 30px;
	z-index: 1;
}
.ITEMS {
	position: relative;
	height: 25px;
	text-align: center;
}
#global.ITEMS {
	width: 720px;
}
.item {
	position: relative;
	background: #5081c5;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	padding-left: 7px;
	padding-right: 7px;
	float: left;
	color: #FFF;
	border-left: 1px solid #FFF;
	margin: 0;
}
.item a {
	color: #FFF;
	text-decoration: none;
}
.item a:hover {
	color: #BDD2F0;
	text-decoration: none;
}
#selection.item {
	border-right: 1px solid #FFF;
}
#active.item {
	background: #BB2D21;
}
#active-selection.item {
	background: #BB2D21;
	border-right: 1px solid #FFF;
}
.CORPS, .ACCUEIL, .AGENCE, .CONTACT {
	position: relative;
	background-color: #FFF;
}
.ACCUEIL #global{
	background: url(imgs/photo-accueil.jpg) no-repeat center right;
}
.AGENCE #global{
	background: url(imgs/photo-agence.jpg) no-repeat center right;
}
.CONTACT #global{
	background: url(imgs/photo-contact.jpg) no-repeat center right;
}
.COL-GAUCHE{
	float: left;
	width: 188px;
	margin-top: 25px;
}
.CONTENU {
	float: left;
	text-align: left;
	padding-top: 25px;
	padding-left: 15px;
}

.SITIMSG {
	float: left;
	text-align: left;
	padding-top: 25px;
	padding-left: 15px;
	width:500px;
}

#alerte-email h2 {
	margin-top:15px;
	padding-left:0px;
	margin-bottom:5px;
}

.moteur-rapide {
	margin-top: 20px;
	float: left;
	margin-left: 10px;
	margin-right: 20px;
	width: 230px;
	border: 1px solid #5081c5;
	background: url(imgs/BG-moteur-rapide.gif) no-repeat bottom right #bdd2ef;
}
.moteur-rapide .bloctexte, .moteur-rapide .blocform {
	float: left;
	font-size: 12px;
	width: 83px;
	padding: 3px;
}
.moteur-rapide .blocform {
	width: 130px;
}
.moteur-rapide input, .moteur-rapide select {
	width: 120px;
	font-size: 11px;
	border: 1px solid #5081c5;
}

input.bouton {
	background-color: #BB2D21;
	color: #FFF;
	font-weight: bold;
	border: 1px solid #BB2D21;
}
H1 {
	background: url(imgs/P-H1.gif) no-repeat 0 5px;
	font-size: 18px;
	font-weight: bold;
	color: #BB2D21;
	padding-left: 20px;
	margin: 0;
}
H2 {
	font-size: 14px;
	font-weight: bold;
	color: #5081c5;
	padding-left: 20px;
	margin: 0;
}
H3 {
	font-size: 12px;
	font-weight: normal;
	color: #000;
	padding-left: 20px;
	margin: 0;
	text-align: justify;
	margin-top: 15px;
	width: 560px;
}
H4 {
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	color: #000;
	padding-left: 20px;
	margin: 0;
}
.ACCUEIL H3, .AGENCE H3 {
	width: 490px;
}
.contact H3 {
	width: 460px;
}
.ACCUEIL H4 {
	width: 150px;
	padding-left: 7px;
}
.cdc, .alert {
	width: 170px;
	text-align: left;
	margin-bottom: 20px;
}
.cdc .entete, .alert .entete, .moteur-rapide .entete{
	background: url(imgs/titre-CDC.gif) no-repeat;
	width: 170px;
	height: 22px;
}
.alert .entete {
	background: url(imgs/titre-alerte-email.gif) no-repeat;
}
.moteur-rapide #vente.entete {
	background-color: #5081c5;
	background-image: url(imgs/titre-nos-ventes.gif);
	width: 230px;
	text-align: right;
	font-size: 12px;
	line-height: 22px; 
	font-weight: bold;
	height: 22px;
	color: #FFF;
	font-style: italic;}
.moteur-rapide #location.entete {
	background-image: url(imgs/titre-nos-locations.gif);
	width: 230px;
}
.alert .legende {
	font-size: 12px;
	font-weight: bold;
	margin-top: 3px;
	color: #5081c5;
}
.alert input{
	border: 1px solid #5081c5;
	font-size: 11px;
}
.alert input.compte {
	width: 170px;
}
.alert input.mdp {
	width: 130px;
}
.alert input.bouton {
	width: 30px;
	border: 1px solid #BB2D21;
}
.cdc .ville{
	color: #5081c5;
	font-weight: bold;
}
.cdc .prix{
	color: #BB2D21;
	font-weight: bold;
}
.cdc .type{
	color: #5081c5;
	font-weight: bold;
	font-size: 11px;
}

.cdc .texte{
	color: #5081c5;
	font-size: 11px;
	height:100px;
	overflow:hidden;
}
.cdc img {
	width: 170px;
}
.PIED {
	position: relative;
	border-top: 1px solid #FFF;
	background-color: #5081c5;
	height: 22px;
}
.PIED .coordonnees{
	color: #FFF;
	line-height: 22px;
}
.PIED .coordonnees a{
	color: #FFF;
	text-decoration: underline;
}
.PIED .coordonnees a:hover{
	color: #FFF;
	text-decoration: none;
}
.signature {
	font-size: 10px;
	color: #5081c5;
	line-height: 20px;
}
.signature a{
	text-decoration: underline;
	color: #5081c5;
}
.signature a:hover{
	text-decoration: none;
	color: #5081c5;
}

/*****************/
#RECHERCHE .moteur,
#PROFIL .moteur,
#CONTACT .moteur
{
	margin-left: 10px;
	float: left;
	border: 1px solid #5081c5;
	background: url(imgs/BG-moteur.gif) no-repeat bottom left #bdd2ef;
	width: 550px;
}
#CONTACT .moteur{
	width: 475px;
}
#PROFIL .moteur{
	margin-top: 15px;
	margin-left: 20px;
	background-image: url(imgs/BG-profil.gif);
}
#PROFIL H4 {
	font-size: 12px;
	font-style: italic;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 5px;
}
#RECHERCHE .moteur .bloctexte, #RECHERCHE .moteur .blocform, #RECHERCHE .moteur .blocminitexte, #RECHERCHE .moteur .bloclimitform,
#PROFIL .moteur .bloctexte, #PROFIL .moteur .bloclargetexte, #PROFIL .moteur .blocform, #PROFIL .moteur .blocminitexte, #PROFIL .moteur .bloclimitform,
#CONTACT .moteur .bloctexte, #CONTACT .moteur .bloctitre, #CONTACT .moteur .blocform, #CONTACT .moteur .blocminitexte, #CONTACT .moteur .bloclimitform 
{
	float: left;
	font-size: 12px;
	padding: 3px;
}
#RECHERCHE .moteur .bloclimitform,
#PROFIL .moteur .bloclimitform,
#CONTACT .moteur .bloclimitform
{
	width: 100px;
}



#RECHERCHE .moteur .bloctitre,
#PROFIL .moteur .bloctitre,
#CONTACT .moteur .bloctitre
{
	background-color: #5081c5;
	width: 550px;
	text-align: right;
	font-size: 12px;
	line-height: 22px; 
	font-weight: bold;
	height: 22px;
	color: #FFF;
	font-style: italic;
}
#PROFIL .moteur .bloctitre {
	text-align: left;
	font-size: 15px;
}

#RECHERCHE .moteur .bloctexte, #RECHERCHE .moteur .blocminitexte,
#PROFIL .moteur .bloctexte,#PROFIL .moteur .bloclargetexte, #PROFIL .moteur .blocminitexte,
#CONTACT .moteur .bloctexte, #CONTACT .moteur .bloctitre, #CONTACT .moteur .blocminitexte
{
	width: 150px;
	font-size: 12px;
	margin-right: 5px;
}
#PROFIL .moteur .bloclargetexte{
	width: 370px;
}
#CONTACT .moteur .bloctitre
{
	width: 350px;
	text-align: left;
}
#RECHERCHE .moteur .blocminitexte,
#PROFIL .moteur .blocminitexte,
#CONTACT .moteur .blocminitexte
{
	width: 70px;
	text-align: right;
}
#RECHERCHE .moteur .blocform input,
#RECHERCHE .moteur .blocform select,
#PROFIL .moteur .blocform input,
#PROFIL .moteur .blocform select,
#CONTACT .moteur .blocform input,
#CONTACT .moteur .blocform select,
#RECHERCHE .moteur .bloclimitform input,
#RECHERCHE .moteur .bloclimitform select,
#PROFIL .moteur .bloclimitform input,
#PROFIL .moteur .bloclimitform select
{
	width: 130px;
	border: 1px solid #5081c5;
}
#RECHERCHE .moteur .blocform input.radio,
#PROFIL .moteur .blocform input.radio,
#CONTACT .moteur .blocform input.radio
{
	width: 13px;
	border: none;
}
#RECHERCHE .moteur .blocform input.bouton,
#PROFIL .moteur .blocform input.bouton,
#CONTACT .moteur .blocform input.bouton,
#POP-UP input.bouton{
	border: 1px solid #BB2D21;
}
#CONTACT .moteur input, #CONTACT .moteur textarea {
	width: 250px;
	border: 1px solid #5081c5;
}
#CONTACT .moteur .bloclimitform input.bouton {
	border: none;
}

#maparea-agence {
	width:520px;
	height:300px;
}

#RECHERCHE .moteur .long,
#PROFIL .moteur .long,
#CONTACT .moteur .long
{
	width: 150px;
}

#RECHERCHE .moteur .long select,
#PROFIL .moteur .long select,
#CONTACT .moteur .long select
{
	width: 150px;
}

#facebook-like {
	margin-top:10px;
	margin-left:20px;
}

#social-network {
	width:180px;
	float:right;
}


#col-droite {
	float:right;
	width:230px;
	height:500px;
	padding-top:25px;
	overflow:hidden;
}

.ACCUEIL .CONTENU {
	height:730px;
}

#twitter {
	text-align:center;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#666666;
	margin-top:15px;
}

#twitter  img {
	border:none;
}