







/********************************

			ERREUR

********************************/



.alert{	color:red; border:1px solid red; font-weight:bold; padding:5px;text-align:center;}



/********************************

			MISE EN PAGE

********************************/

a {outline:none;}



body

{

	

	

	padding:0; margin:0;

	background-image:url(../_images/fond.jpg);

	background-repeat:repeat-x;

	background-position:bottom;

	background-attachment:fixed;

	background-color:#7f92d1;

	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;

	font-size: 12px;

}

#body{

	

	margin: 0px auto 0px auto;

	background-color:white;

}



#corps

{	



	margin-top:0px;

	color: #636363;

	background-color:#FFFFFF;

	height: 100%;

	margin-left:196px;

	padding-left:25px;

	margin-right:10px;



}



FORM{

		margin-left:25px;

}



/********************************

			TITRES

********************************/



H1{

	color:#ea446b;

	font-family:Arial, Helvetica, sans-serif;

	font-size:21px;

	font-weight:bold;

	

}

H2{

	color:black;

	font-size:14px;

	margin-bottom:2px;

	

}



h3{

	font-size:14px;

	color:#a72f44;

 }

 

h4 { 

	border-bottom:1px dotted black;

	font-size:13px;

	font-size:13px;



}

H5 {margin: auto 10px auto auto; font-size:10px; }





HR{

	border-width:1px 0 0;

	border-color:#ddd;

	border-style:dotted;

	margin:40px 0;

}

.button{

	background:transparent url(../_images/bouton.png) no-repeat scroll 0 0;

	color:white;

	display:block;

	font-size:12px;

	font-weight:bold;

	height:17px;

	margin:13px 0 0;

	padding:0 0 0 4px;

	width:129px;

	border:none;

	text-align:center;

}



.button:hover{

		height:16px;

		width:129px;

		padding:1px 0 0 4px;

		color:white;

		text-decoration:none;

		background:transparent url(../_images/bouton_hover.png) no-repeat scroll 0 0;

		color:#EF3B79;

}

TABLE{

width:99%;	

}



TH {

	color:#ea446b;

	text-align:left;

	border-bottom:1px dotted #ea446b;

	padding-bottom:4px;

}



/********************************

			LIENS

********************************/



a:hover {

	color:#EA446B;

	text-decoration:underline

}

a {

	color: #EA446B;

	text-decoration: none;

}

H4 A{

	color: #000;

}

.element_recherche_lien A{

color:#000;	

}

.element_recherche_lien a:hover{

	color:#EA446B;

	text-decoration:underline

}



/********************************

			DRAPEAUX

********************************/





#drap {

	background:transparent url(../_images/langues_boite_centre.png) repeat-x scroll 0 0;

	height:61px;

	/*margin-top:20px;*/

	padding:7px 10px;

	position:relative;

	width:149px;

}

#drap #drap_left{

	position:absolute;

	left:0px;

	height:100%;

	background:url(../_images/langues_boite_left.png);

	width:8px;

	margin-top:-7px

}

#drap #drap_right{

	position:absolute;

	right:0px;

	height:100%;

	background:url(../_images/langues_boite_right.png);

	width:8px;

	margin-top:-7px

	

}

#drap IMG{

border:none;	

margin:1px 7px;

}

/********************************

			MENU 

********************************/



.titre_menu {

	position:relative;

	margin-top:25px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:15px;

	font-weight:bold;

	color:#FFFFFF;

	background:url(../_images/menu_top.png) repeat-x;

	text-align:center;

	width:168px;

	height:21px;

	padding:2px 0px;

	margin-bottom:0

	}

.titre_menu DIV{

	height:25px;

	width:9px;	

	position:absolute;

	top:0px;

}

.titre_menu_left{

		left:0px;

		background:url(../_images/menu_top_left.png)

}



.titre_menu_right{

		right:0px;

		background:url(../_images/menu_top_right.png)

}	







#menu{

   float:left;

   width: 180px;

   background-color:#FFFFFF;

   padding-left:20px;

   padding-top:0px;

   margin-top:0px;

}



#menu ul{

	background:transparent url(../_images/menu_degrade.png) repeat-x scroll 0 0;

	font-size:12px;

	margin:0 0 5px;

	padding:5px 0 0 0;

	width:167px;

}

#menu ul li{margin:0; padding:0;list-style:none;border-bottom:1px dotted #59950F;position:relative,display:block;}

 #menu LI{position:relative;}



#menu ul li A{

	color:#000000;

	background:transparent url(../_images/puce_vert.jpg) no-repeat scroll 4px 9px;

	list-style-image:none;

	list-style-position:outside;

	list-style-type:none;

	margin:0;

	padding:4px 0 4px 16px;

	display:block;

}

#menu ul li.dernier{border:none;}

#menu ul li A:hover, #menu ul LI:hover A{

   color: green;

   text-decoration:none;

}





#menu ul ul{

	

	background:#EFF8E4 none repeat scroll 0 0;

	border-color:green #003F00 #003F00 green;

	border-style:solid;

	border-width:1px;

	font-size:12px;

	left:0;

	list-style-image:none;

	list-style-position:outside;

	list-style-type:none;

	margin:-1px 0 0 171px !important;

	padding:0;

	position:absolute;

	top:0;

	width:147px;

	display:none;

	z-index:10000000;



}

#menu ul ul LI{	

	margin:0; 

	padding:0;

	list-style:none;

	border-bottom:1px dotted #ddd;	

	background: none ;

}



#menu ul ul A{

	background:none;

	margin:0;

	padding:4px 0 4px 5px;

	display:block;

	color:black!important;	

}

#menu ul ul A:hover{

	background-color:#649F18;

	color:white!important;

}





#menu ul ul A:hover{

	color:white;	

	text-decoration:none;

}







.element_menu_bas {

	background-image:url(../_images/menu_bas.png);

	background-repeat:repeat-x;

	background-position:bottom;

	width:166px;

}

















/********************************

			BANDEAU

********************************/





		

#header {

	background-image:url(../_images/header_degrade.png);

	background-position:center bottom;

	background-repeat:repeat-x;

	height:165px;

	margin:15px 3px;

	padding-bottom:0;



}



#logo a {

	border:none;

	text-decoration:none;

	}



#logo {

	float:left;

	padding-top:0px;

	margin-top:0px;

	margin-left:10px;

	width:270px;

	height:165px;

	}

	

#logo h1{

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	margin:0 10px;

	padding:0px;

	font-weight:normal;

	color:grey;

	

	}

	

#logo img {

	padding-top:10px;

	}

	

#logo a img {

	border:none;

	text-decoration:none;

	}

	

#visuel {

	float:left;

	margin-top:-10px;

	}

	

#haut_droite {

	float:left;

	}

	

#connection {

	background-image:url(../_images/espace_pro.png);

	background-repeat:no-repeat;

	padding-top:8px;

	width:233px;

	height:67px;

	margin-top:20px;

	margin-left:30px;

	}



.texteProprietaire {

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size:13px;

	color:#FFFFFF;

	text-align:center;

	line-height:25px;

	}

	

.texteRouge {

	color:#ea446b;

	}

	

a.texteRouge {

	text-decoration:none;

	color:#ea446b;

	}

	

a:hover.texteRouge {

	text-decoration:none;

	color:#CCCCCC;

	}

	

#routard {

	width:233px;

	height:50px;

	background-image:url(../_images/routard.png);

	background-repeat:no-repeat;

	background-position:right bottom;

	margin-top:15px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#845b32;

	text-align:left;

	vertical-align:middle;

	margin-left:30px;

}



/********************************

			PIED DE PAGE

********************************/



#mentions{

/*color:#BF0030;*/

color:#666666;

font-size:11px;

font-weight:bold;

/*margin-top:8px;*/



clear:both;

line-height:20px;

background-color:#EBFCD1;

text-align:center;

margin-top:0px;

margin-bottom:0px;



}



#pied_de_page

{



background-color:#EBFCD1;

margin:10px 3px 0;

padding-bottom:5px;

padding-left:10px;

padding-right:10px;

padding-top:10px;

text-align:center;

font-size:11px;

overflow:auto;

clear:both;

}

#mentions A{

background:transparent url(../_images/anamorphik_gris.png) no-repeat scroll 0 0;

/*color:#BF0030 !important;*/

color:#666666 !important;

display:inline;



height:15px;

padding-bottom:6px;

padding-left:17px;

padding-top:5px;

}

#pied_de_page A:hover{

text-decoration:underline;	

}

#pied_de_page UL, #tags{

	list-style-type:none;

	text-align:left;

	float:left;

	margin:20px 0 20px 0;

	padding:0 20px 0 20px;

	border-right:1px dotted #BF0030;

}

#tags{

width:250px;

border:none;

text-align:left;



}

#pied_de_page LI{

	margin:0;

	padding:0;

}

/********************************

			BLOC RECHERCHE

********************************/



#cont_hebergement {

	float:left;



	width:411px;

}



.texte_heberg {

color:#ea446b;

font-family:Arial, Helvetica, sans-serif;

font-size:21px;

font-weight:bold;



}





.titre_recherche {

	background:transparent url(../_images/recherche_top.png) repeat-x scroll 0 0;

	color:#FFFFFF;

	font-family:Arial,Helvetica,sans-serif;

	font-size:15px;

	font-weight:bold;

	height:29px;

	margin-top:25px;

	padding:2px 0;

	position:relative;

	text-align:center;

	position:relative;

	

}	

.recherche_left{

	background:white url(../_images/recherche_top_left.png) no-repeat scroll 0 0;

	height:100%;

	left:0;

	position:absolute;

	top:0;

	width:8px;

}

.recherche_right{

	background:white url(../_images/recherche_top_right.png) no-repeat scroll 0 0;

	height:100%;

	right:0;

	position:absolute;

	top:0;

	width:8px;

}



#recherche_degrade{

background:white url(../_images/recherche_degrade2.png) repeat-x scroll 0 0;

height:20px;

position:absolute;

right:0;

top:25px;

width:100%;

}



#critere_recherche{



	background:#dbdbdb url(../_images/recherche_bas2.png) repeat-x scroll 0 100%;

	padding-bottom:14px;

	padding-top:8px;

}

#critere_recherche TD{

	padding-bottom:10px;	

}

#bouton_rechercher{

	letter-spacing:1px;

}

#bouton_rechercher, .bouton_action{

	background:transparent url(../_images/bouton_recherche.png) no-repeat scroll 0 0;

	color:white;

	display:block;

	font-weight:bold;

	text-align:center;

	height:18px;

	

	margin-top:16px;

	padding:5px 0px;

	width:136px;

	cursor:pointer;

	border:none;

	display:block;



}

#bouton_rechercher:hover, .bouton_action:hover {

	background:transparent url(../_images/bouton_recherche_hover.png) no-repeat scroll 0 0;

	padding:6px 0px 4px;

	height:18px;

	width:136px;

	text-decoration:none;

	color:#EF3B79;

}



.bouton_reserver{

	display:block;

	height:32px;

	width:100px;

	background:transparent url(../_images/bouton_reserver.png) no-repeat scroll 0 0;

	

	font-size:13px;

	color:white;

	font-weight:bold;

	text-align:left;

	

	margin-top:16px;

	padding:12px 0 0 50px;

	cursor:pointer;

	border:none;

}

.bouton_reserver:hover{

	display:block;

	height:32px;

	width:100px;

	background:transparent url(../_images/bouton_reserver.png) no-repeat scroll 0 0;

	

	font-size:13px;

	color:white;

	font-weight:bold;

	text-align:left;

	

	margin-top:16px;

	padding:12px 0 0 50px;

	cursor:pointer;

	border:none;

}



#bouton_rechercher.large, .bouton_action.large{	background:transparent url(../_images/bouton_large.png) no-repeat scroll 0 0;width:238px;}

#bouton_rechercher.large:hover, .bouton_action.large:hover{	background:transparent url(../_images/bouton_large_hover.png) no-repeat scroll 0 0;}



.bouton_action.input{height:28px}



#liste_noville option{
    text-transform:uppercase;
}

.texte_recherche {

	color:#000000;

	font-size:11px;

	font-weight:normal;

	margin-top:5px;



}



.texte_rose{

	text-align:right;

	color:#ea446b;

}

.texte_recherche_rose a{

	color:#c02741;

	text-decoration:none;

}



.texte_recherche_rose a:hover{

	text-decoration:underline;

}





.checkbox{

float:left

}



/********************************

			BLOC SUGGESTIONS

********************************/



#cont_suggestion {



margin-left:438px;

width:330px;

}

.titre_suggestion{

font-weight: bold;

font-size:12px;

color:black;

margin-bottom:12px;

margin-left:10px;

}

#suggestions .photo{

	border:1px solid white;

}



#suggestions IMG{

border:none;	

}



#suggestions TD{

	vertical-align:bottom;

}

#suggestions .type{

font-weight:bold;

}

#suggestions .infos A{

color:#EA446B;

font-weight:bold;

}



#suggestions .shadows{

height:91px;

width:138px;

margin:2px 0;

text-align:center;

padding:1px;

border:1px solid #ccc;

}

#suggestions TD{

padding:10px;

}

#suggestions TD.border{

border-right:1px dotted #DDDDDD;

}

/********************************

			BLOC INFORMATIONS

********************************/

#informations{

float:left;

margin-bottom:21px;



margin-top:54px;

overflow:auto;

}



#informations A:hover{

	text-decoration:underline;

	color:#FF981F;

}

#informations UL,#informations LI{

margin:0;

padding:0;

}

#informations UL LI.titre{

float:left;	

width:247px;

margin:0;

padding:0;

list-style:none;

padding-right:25px;

background:transparent url(../_images/degrade_bas_orange.jpg) repeat-x scroll left top;

border-right:1px dotted #DDDDDD;

border-top:1px solid #DA9C52;

padding:15px 0 0 5px;

color:#DA9C52;

font-size:17px;

font-weight:bold;

text-align:left;

}

#informations UL LI A{

	color:#DA9C52;

}

#informations UL LI LI A{

	color:#DA9C52;

	text-decoration:underline;

}

#informations UL LI LI LI A{

	color:black;

	text-decoration:none;

}

#informations UL LI.no_border LI LI A{

	text-decoration:underline;

}

#informations UL LI.no_border A{

	color:#DA9C52;

}

#informations UL LI.no_border A:hover{

	color:#FF981F;

}



#informations UL LI UL{

margin-left:18px;

margin-top:12px;

margin-bottom:12px;

}

#informations UL LI UL{

	

}

#informations UL LI LI{

float:none;	

list-style-image:url(../_images/puce_orange.jpg);

background:none;

border:none;

color:#DA9C52;

font-size:12px;

font-weight:bold;

text-align:left;

padding-right:10px;

margin:0 0 5px 0

}

#informations UL LI.no_border{

border-right:none;	

}

#informations UL LI LI LI{

	list-style:circle;

	font-weight:normal;

	color:#000;;

	padding-right:0px;

	margin:0 0 0 0

}



/********************************

	PAGE RESULTATS RECHERCHE

********************************/

.traduction{

	width:250px;

	float:left;

}



#recherche_lien{

	float:right;

	width:261px;	

	margin-top:0px;

}



#corps_logement{

	width:485px;	

}



#corps_logement_iframe{

	width:100%;

}



.pages {

	font-weight:bold;

	

}

.pages  A, .pages  SPAN{



padding:2px;

display:block;

float:left;

margin:2px;



text-align:center;

}

/********************************

	GOOGLE MAP

********************************/



#google_legende TABLE{

	background-attachment:scroll;

	background-color:white;

	background-image:url(../_images/recherche_bas.png);

	background-position:center bottom;

	background-repeat:repeat-x;

	padding-bottom:5px;

	 font-size:10px

}



#map{

	width: 478px;

	height: 350px; 

	border:1px solid grey;

}



#corps_logement TABLE.fiche_logement{

	/*border:1px solid #EA446B;*/

	border:1px solid #a72f44;

	background:url(../_images/recherche_bas.png) repeat-x 100% 100%;

	border-bottom:none;

	

}

#corps_logement TABLE.fiche_logement A{

/*color:#EA446B;*/

color:#a72f44;

font-weight:bold;

}



/********************************

	PAGE LOGEMENT

********************************/



.photos, .shadows{

	padding:2px;

	margin:3px;

	border:1px solid #cccccc;

	

}



a:hover.site {

	border:none;

	text-decoration:none;

	color:#EA446B;

	}



a:hover.email {

	border:none;

	text-decoration:none;

	color:#EA446B;

	}



a.site img{

	border:none;

	text-decoration:none;

	margin-bottom:-10px;

	}

	

a.email img{

	border:none;

	text-decoration:none;

	margin-bottom:-10px;

	}



/********************************

	MENU PRO

********************************/

#menu_pro{

	border-bottom:1px solid #EA446B;

	height:26px;

	position:relative;

	margin-bottom:25px;

}





#menu_pro .menu{

	

	float:left;

	left:0;

	position:relative;

	top:0;

	margin:0 15px;

	height:	27px;

}

#menu_pro .menu DIV{

height:	27px;

background-position:bottom;

}

#menu_pro A{

	background:transparent url(../_images/recherche_top.png) repeat-x scroll 0 100%;

	color:white;

	display:block;

	float:left;

	font-weight:bold;

	text-decoration:none;

	height:21px;

	padding:6px 10px 0;

	

}

#menu_pro A:hover{

	padding:7px 10px 0;

	height:20px;

}



/********************************

	ANTISPAM

********************************/

#code_de_verif{

	height:21px;

	width:148px;

	background-color:#eeeeee;

	border:1px solid black;

}





.loader{

background:white url(../_images/ajax-loader.gif) no-repeat scroll 50% 50%;

height:18px;

width:25px;

display:none;

}





/********************************

	MAP

********************************/

#map{

	background:url(../_images/ajax-loader-2.gif) no-repeat 50% 50%;

	

}







/********************************

	INSCRIPTION

********************************/



.tr_oligatoire input{

	/*background-color:#FFFFDD;*/

	border:1px;

	border-style:solid;

	border-color:#a72f44;

}





.tr_oligatoire select{

	/*background-color:#FFFFDD;*/

	border:1px;

	border-style:solid;

	border-color:#a72f44;

}



.tr_oligatoire textarea{

	/*background-color:#FFFFDD;*/

	border:1px;

	border-style:solid;

	border-color:#a72f44;

}





tr:hover.survol {

	background-color:#D8D8D8;

}



a.erreur_inscription {

	text-decoration:underline;

	color:#0000CC;

	}



a:hover.erreur_inscription {

	color:#EA446B;

	text-decoration:underline;

}











* html #pied_de_page div,

* html #pied_de_page ul,

* html #pied_de_page span,

* html #pied_de_page p {

    background-color: #EBFCD1;

}

* html #menu {

    width:170px;

}



* html #corps_logement {

    width:475px;

}

* html #recherche_lien {

    width: 250px;

}



* html #pied_de_page {

    background-color:#EBFCD1;

    margin:0px;

    display:block;

    float:left;

    width:970px;

}







#corps {

	min-height: 560px;

}
