/* CSS Document */

.clear {

	clear:both;

	height:1px;

	overflow:hidden;

}

#cadre {

	width:995px;

	height:586px;

	background:#FFF;



	position:absolute;

	left: 50%;

	top: 50%;

	margin-top: -293px; /* moitié de la hauteur */

	margin-left: -498px; /* moitié de la largeur */

}

#bandeau{

	position:relative;

	width:995px;

	height:144px;

	background:url(../images/bandeau.jpg) 0 0 no-repeat;

}

#bandeau #flash {

	position:absolute;

	top:0;

	left:161px;

	height:138px;

	width:834px;

}

#logo {

	position:absolute;

	top:23px;

	left:34px;

	width:20px;

}

#menu {

	margin-left:161px;

	background:#CC071E;

	/*background:#EEE;*/

	height:21px;



}

#menu ul li {

	display: block;float:left;

	position:relative;z-index:20;

}

#menu ul li a {

	display:block;

	z-index:10;



	padding:4px 56px 3px 56px;

	/*margin:0px 2px 0px 2px;*/

	border-right:1px solid #FFF;

	color:#FFF;

	background:#CC071E;

	text-transform:uppercase;

}

#menu ul li.contact a{

	border:none;

	padding:4px 39px 3px 38px;

}

#menu a:hover,#menu a.sel,#menu li:hover a {

	background-color:#313695;

}

#menu ul li div.ssmenu2{

	display:none;

	z-index:900;

	border-left:1px solid #9AAACE;

	border-right:1px solid #9AAACE;

	border-bottom:1px solid #9AAACE;

	background:#FFF;

}

#menu ul li:hover div.ssmenu2{

	position:absolute;

	top:21px;

	display:block;

	width:auto;

}

#menu ul li div.ssmenu2 a {

	display:block;

	background:#FFF;

	color:#313695;

	white-space: nowrap;

	text-transform:none;

	padding:4px 14px 4px 16px;

}

#menu ul li div.ssmenu2 a:hover {

	background:#DCE2F0;

	color:#CC071E;





}



#ccontenu #ssmenu {

	width:149px;

	background:#9AAACE url(../images/bg_contenu1.4.1.jpg) 0 0 no-repeat;

	/*background:#CCF;*/

}

.version2 #ccontenu #ssmenu{

	background:#9AAACE url(../images/bg_contenu1.4.2.jpg) 0 0 no-repeat;

}

#ssmenu .esp1{

	line-height:0;

	font-size:0;

	height:20px;

}

#ssmenu .esp1-2{

	line-height:0;

	font-size:0;

	height:15px;

}

#ssmenu ul a{

	display:block;

	padding-left:25px;

	color:#FFF;

	font-size:9pt;

	margin-bottom:10px;

	/*font-weight:bold;*/

}

#ssmenu ul a:hover{

	background:url(../images/fle_ssmenu2.gif) 9px 3px no-repeat;

}

#ssmenu ul a.sel{

	background:url(../images/fle_ssmenu.gif) 9px 3px no-repeat;

}

#ssmenu ul .first1 a{

	margin-bottom:11px;

}

#ssmenu ul .first2 a{

	margin-bottom:6px;

}

#ssmenu .sstitre{

	color:#B0BDDA;

	font-size:12pt;

	font-weight:bold;

	height:34px;

	margin:28px 0px 0px 7px;

}

#ssmenu .sstitre span{

	color:#B0BDDA;

	font-size:14pt;

	font-weight:bold;

}

#ssmenu .sstitre2{

	color:#B0BDDA;

	font-size:12pt;

	font-weight:bold;

	height:28px;

	margin:-1px 0px 0px 7px;

}

#ssmenu .sstitre2 span{

	color:#B0BDDA;

	font-size:14pt;

	font-weight:bold;

}

#ssmenu .sstitre3{

	color:#B0BDDA;

	font-size:12pt;

	font-weight:bold;

	height:34px;

	margin:2px 0px 0px 7px;

}

#ssmenu .sstitre3 span{

	color:#B0BDDA;

	font-size:14pt;

	font-weight:bold;

}

#ssmenu .fond{background-color:#9AAACE;}

#ssmenu .bord a{

	margin-bottom:5px;

	padding-bottom:5px;

	border-bottom:1px solid #8599C5;



	/*font-weight:bold;*/

}

#ssmenu .groupe a{

	display:block;

	padding-left:40px;

	padding-top:0px;

	color:#000;

	font-size:8pt;

	margin-top:23px;

	padding-bottom:10px;

	background:url(../images/fle_groupe.gif) 15px 1px no-repeat;

	line-height:8pt;

	font-weight:bold;

}

#ssmenu .groupe a:hover{ text-decoration:underline;background:url(../images/fle_groupe.gif) 15px 1px no-repeat;}

#gauche {

	position:absolute;

	top:165px;

	left:0px;

	width:161px;

	height:420px;

	background:#FFF url(../images/h_gauche.gif) 0 10px no-repeat;

	text-align:left;

}

#gauche .titre {

	height:40px;

	margin-top:24px;

}

#gauche .titre a {

	padding:0px 20px 0 10px;

	font-size:16pt;

	font-weight:bold;

	color:#FFF;

	line-height:13pt;

}



#actu-home{

	margin:2px 15px 30px 8px;

}

#actu-home .btn{

	display:block;

	color:#FFF;

	background:url(../images/btn-savoir.gif) 0 0 no-repeat;

	width:82px;



	font-size:8pt;

	height:15px;

	overflow:hidden;

	line-height:16px;

	padding-left:10px;

	margin-top:15px;

}

#actu-home .btn:hover{

	background-position:bottom;

}

#gauche .dern {

	padding:0px 0px 0px 10px;

	color:#D5D5D4;

}

#gauche .vide {

	height:6px;

	line-height:0;

	font-size:0;

}



#gauche .vide2 {

	height:15px;

	line-height:0;

	font-size:0;

}

#gauche .section {

	padding:0px 0px 10px 0px;

	color:#333333;

}

#gauche .section .intitule{

	padding-left:10px;

	font-size:9pt;

	font-weight:bold;

}

#gauche .section .texte{

	padding-left:10px;

}

#gauche .section a{

	display:block;

	background:url(../images/h_bouton1.gif) 0 0 no-repeat;

	padding: 5px 0px 8px 13px;

	color:#FFF;

}

#gauche .section a:hover{

	background:url(../images/h_bouton1_o.gif) 0 0 no-repeat;

}

#gauche .axial {

	padding:0px 0 0 10px;

	font-size:8pt;

	font-weight:bold;

	color:#FFF;

}

#gauche .bann{

	padding:5px 0 0 7px;

}

#centre {

	position:absolute;

	top:165px;

	left:161px;

	width:834px;

	height:421px;

	background:#FFF url(../images/h_centre.jpg) 0 0 no-repeat;

	text-align:left;

}

#centre #moteur {

	position:absolute;

	top:0px;

	left:0px;

	width:378px;

	height:393px;

}

#moteur .titre {

	font-size:11pt;

	font-weight:bold;

	color:#CC071E;

	padding:14px 0 0 0px;

	height:30px;

	float:left;

	width:113px;

}

#moteur .onglet{

	float:left;

	margin-top:11px;

}

#moteur .onglet span{

	font-size:11pt;

	font-weight:bold;

	color:#55669e;

	display:block;

	float:left;

	width:128px;

	height:22px;

	padding-top:5px;

	text-align:center;

	cursor:pointer;

}



#moteur .onglet span.on{

	color:#FFF;

}

#moteur .onglet #o-location{

	background:url(../images/h_on1.gif) 0  0 no-repeat;

	height:21px;

	width:133px;

}

#moteur .onglet #o-location.on{

	background:none;

}

#moteur .onglet #o-vente{

	margin-left:2px;

}

#moteur .onglet #o-vente.on{

	background:url(../images/h_on2.gif) 0  0px no-repeat;

	height:23px;





}

#moteur .vide {

	height:13px;

	line-height:0;

	font-size:0;

}

#moteur #desire {

	float:left;

	font-weight:bold;

	color:#FFF;

	width:90px;

	text-align:right;

	margin:4px 24px 0px 0px;



}



#moteur table {

}

#moteur td.louer {

	width:75px;

}

#moteur td.louer label {

	display:block;

	font-weight:bold;

	color:#FFF;

	padding-top:3px;

	padding-right:10px;

}

#moteur .type {

	float:left;

	font-weight:bold;

	color:#FFF;

	width:90px;

	text-align:right;

	margin:2px 18px 0px 0px;

	font-size:9pt;

}

#moteur div select{

	width:240px;



	font-size:8pt;

}

#moteur .desc {

	font-weight:bold;

	color:#FFF;

	margin:23px 0px 0px 18px;

	font-size:9pt;

}

#moteur .desc2 {

	font-weight:bold;

	color:#FFF;

	margin:29px 0px 0px 18px;

	font-size:9pt;

}

#moteur table.piece {

	margin-left:12px;

	margin-top:14px;

}

#moteur table.piece td{

	color:#FFF;

	padding-left:4px;

}

#moteur table.piece label{

	display:block;

	color:#FFF;

	padding-right:3px;

}

#moteur table.surface {

	margin-left:13px;

	margin-top:10px;

}

#moteur table.surface td{

	color:#FFF;

	padding-left:4px;

}

#moteur table.surface input {

	margin-left:10px;

	width:140px;padding:0;

}

#moteur table.surface td.intit{

	padding-right: 4px;

}

#moteur table.budget {

	margin-left:13px;

	margin-top:14px;

}

#moteur table.budget td{

	color:#FFF;

	padding-left:4px;

}

#moteur table.budget td.intit{

padding-right: 24px

}

#moteur table.budget input,#moteur table.surface input {

	margin-left:5px;



	width:80px;padding:0;

}

#moteur table.surface input {

	width:100px;

}

#moteur table.situation {

	margin-left:15px;

	margin-top:7px;

}

#moteur table.situation td{

	color:#FFF;

	padding-left:4px;

}

#moteur table.situation td.intit{

padding-right: 24px

}

#moteur table.situation input {

	margin-left:15px;



	width:180px;

	padding:0;

}

#moteur #rechercher{

	display:block;

	background:url(../images/rechercher.gif) 0 0 no-repeat;

	border:none;

	width:153px;

	height:36px;

	cursor:pointer;

	margin-top:30px;

}

#moteur #rechercher:hover{

	background:url(../images/rechercher_o.gif) 0 0 no-repeat;

}

#moteur #appronf {

	display:block;

	font-size:8pt;

	font-weight:bold;

	text-decoration:underline;

	color:#BCC7DF;

	margin-top:5px;

}

#moteur #appronf:hover{

	color:#FFF;

}



#centre #milieu {

	position:absolute;

	top:0px;

	left:378px;

	width:261px;

	height:393px;

}

#milieu .titre {

	margin:39px 0px 0px 10px;

	font-size:11pt;

	font-weight:bold;

	color:#FFF;

}

#milieu .titre div {

	float:left;

	color:#FFF;

	margin-right:3px;

	margin-left:3px;

	font-size:20pt;

	line-height:24pt;

}

#milieu .titre span {

	color:#FFF;

	font-size:7pt;

	line-height:7pt;

	display:block;

}

#milieu .titre span.ann{

	font-size:10pt;

	line-height:10pt;

	padding-top:4px;

	text-transform:uppercase;

}

#milieu #annonce{



}

#milieu #annonce a.img{

	float:left;

	margin:2px 5px 2px 9px;

	max-height:71px;

	border:3px solid #FFF;

	overflow:hidden;

}

#milieu #annonce a.nat{

	font-size:9pt;

	font-weight:bold;

}

.anntext{

	float:left;

	min-height:74px;

}

#milieu #annonce a.btn{



	display:block;

	color:#FFF;

	background:url(../images/btn-detail.gif) 0 0 no-repeat;

	width:86px;



	font-size:8pt;

	height:15px;

	line-height:16px;

	overflow:hidden;

	padding-left:6px;

	margin-top:5px;

}

#milieu #annonce a.btn:hover{

	background-position:bottom;

}

#milieu .der{

	color:#284589;

	font-weight:bold;

	margin:0px 5px 3px 9px;

}

#milieu #annonce a.img img{





}

#milieu .texte {

	font-size:8pt;

	/*font-style: italic;*/

	font-weight:bold;

	margin-left:10px;

	margin-right:20px;

	height:118px;

}

#milieu .texte .suite {

	font-style: normal;color:#34559F;

	background:url(../images/fle_bleu_bleu3.gif) 0 3px no-repeat;

	padding-left:12px;

}

#milieu .texte .suite:hover {

	text-decoration:underline;

}

#milieu div.conseil {

	color:#FFF;

	font-size:9pt;

	font-weight:bold;

	margin-left:15px;

	margin-bottom:7px;

}

#milieu ul.conseil li {

	background:url(../images/puce.gif) 0 5px no-repeat;

	margin-left:10px;

	padding-left:11px;

	color:#FFF;

	font-size:8pt;

	font-weight:bold;

	margin-top:2px;



}

#milieu ul.conseil li a  {color:#FFF;

	font-size:8pt;}

#milieu ul.conseil li a:hover {	color:#FFF;

	text-decoration:underline;}



#milieu .liste {

	height:115px;

}

#milieu .regie {

	margin:0px 0px 0px 90px;

	font-size:11pt;

	font-weight:bold;

	color:#758BBE;

	height:24px;

}

#milieu #logos {

	margin-right:10px;

	margin-top:0px;text-align:center;

}

#milieu #logos img {

	margin-right:20px;

	margin-top:5px;



}

#centre #droite {

	position:absolute;

	top:0px;

	left:680px;

	width:145px;

	height:406px;

}

#droite div {

	font-size:9pt;

	color:#34559F;

	font-weight:bold;

}

#droite div.actu{

	margin-top:25px;

}

#droite .titre {



}

/*#droite div.actu.titre{

	margin-left:30px;

	height:20px;

	margin-top:5px;

}

#droite div.actu.titre a {

	display:block;

	color:#CC071E;



	font-size:11pt;

	font-weight:bold;

	height:24px;

}*/

#droite ul{

	/*background:#EEF;*/

	margin-bottom:27px;

	margin-top:6px;

}

#droite ul li a{

	color:#CC071E;

	display:block;

	font-weight:bold;

	background:url(../images/fle_rouge.gif) 0 3px no-repeat;

	padding-left:12px;

	margin-left:3px;

}

#droite ul li a:hover{

	text-decoration:underline;

}/*

#droite ul.actu li a span{

	font-size:7pt;

	line-height:7pt;



}

#droite ul.prop li {

	background:url(../images/puce.gif) 0 5px no-repeat;

	margin-left:50px;

	padding-left:11px;

	color:#4A4A4A;

	font-size:8pt;

	margin-top:0px;

}

#droite ul.prop li a{

	color:#4A4A4A;

	font-size:8pt;

}

#droite ul.prop li a:hover{

	color:#2C4588;

	text-decoration:underline;

}*/

#droite .service {

	font-size:13pt;

	font-weight:bold;

	color:#FFF;

	margin-top:20px;

	margin-left:38px;

	background:url(../images/gros_plus3.gif) 100px 3px no-repeat;

}#droite ul.servp{

	margin-top:15px;

}

#droite ul.servp li {

	background:url(../images/petit_plus3.gif) 0 3px no-repeat;

	margin-left:35px;

	padding-left:13px;

	color:#FFF;

	font-size:8pt;

	margin-top:0px;

}

#droite ul.servp li a{

color:#FFF;

font-size:8pt;

}

#droite ul.servp li a:hover{

	text-decoration:underline;

}

#bandeau .formulaire {

	position:absolute;

	top:119px;

	/*left:595px;*/

	width:405px;

	height:23px;

	text-align:left;

	width: 110px;

	right: 0;

}

div#bandeau div.formulaire{

	/*display:none;*/

}

#bandeau .formulaire span.extra {

	display:block;

	float:left;

	color:#737373;

	font-weight:bold;

	margin: 3px 5px 0px 10px;

}

#bandeau .formulaire span.log {

	display:block;

	float:left;

	color:#B2B2B2;

	color:#f0f0f0;

	margin: 4px 0px 0px 20px;

}

#bandeau .formulaire input {

	float:left;

	height:14px;

	background:#F0F0F0;

	border:none;

	width:70px;

	margin: 4px 0px 0px 10px;

}

#bandeau .formulaire .ok{

	float:left;

	color:#737373;

	color:#fff;

	/*background-color: #f0f0f0;*/

	font-weight:bold;

	margin: 4px 0px 0px 5px;

	cursor:pointer;

	padding: 0 2px 0 2px;

}

#bandeau .formulaire .ok:hover{

	color:#2C4588;

}

#centre #footer{

	position:absolute;

	top:400px;

	left:55px;

	width:770px;

	height:18px;

	text-align:left;

	font-size:8pt;

	color:#888;

	font-weight:bold;

	text-align:right;

}

#centre #footer a{

	font-size:8pt;

	color:#888;

}

#centre #footer a:hover{

	color:#2C4588;

	text-decoration:underline;

}

#flash_partenaires{

	width:148px;

	height:136px;

}

#bandeau .formulaire {

/*	z-index:900;   */

}

#bandeau #flash {

	z-index:100;

}

ul.extra {

	margin: 0 !important;

	margin-top: 4px !important;

}

#footer {

	bottom: -40px;

    clear: both;

    position: absolute;

    color:#FFF;

}

#footer a{

	color:#FFF;

}