/*
	AL.FR - CSS DOCUMENT
	@author: JB SCHWOB 
*/
/* ==========================================================================
	GENERAL SKL
   ========================================================================== */
BODY 	{ font-family:'open sans', 'Helvetica Neue', Helvetica, Arial, Sans-serif; background:#f1f1f1 url(/images/immobilier-lcl/commun/bg-body.png) repeat-x;}
HEADER 	{ padding:20px 4%; margin:0; z-index:100000; background-color:transparent;  position:absolute; width:100%;}
HEADER #header_section	{ width:80%; }

/*headerRight
FOOTER 	{ color:#e1e1e1; padding-top:60px; background-color:#242424; }
FOOTER .footer-content { margin:0 auto; width:80%; line-height:1.75em; }
FOOTER .footer-content > DIV { padding-left:1%; }
FOOTER A{ color:#888; text-decoration:none }
FOOTER A:hover{ color:#fff; text-decoration:underline }
FOOTER UL { padding:0; margin-bottom:40px;}
FOOTER UL LI { list-style-type:none; line-height:2em; }
FOOTER H3 { color:#ccc!important; margin-top:0px; margin-bottom:0px; padding-top:0; padding-bottom:.5em;  font:400 1.2em 'Helvetica Neue', Helvetica, Arial, Sans-serif; }
FOOTER INPUT { color:#e5e5e5; padding:4px; margin-bottom:3px; background-color:#444; border:0; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
*/

/*
==========================================================================
	HEADER & NAV
==========================================================================
*/
DIV#al_logo 	{ width:200px; padding:0 0 0 0; vertical-align:middle }
#main 		{ visibility:visible; }

HEADER A#menushow { display:none; 
	position:fixed; top:0; right:0; z-index:1000;
	width:35px; height:35px; line-height:35px;
	background-color:#fff; font-size:1.5em;
	text-decoration:none; color:#393939; text-align:center; 
}
SECTION#sup_header 			{ font-weight:300; text-align:right; font-size:.85em;  border-bottom:1px solid #ddd; background-color:#f9f9f9; }
SECTION#sup_header UL 		{ display:inline; margin:0; padding:0; }
SECTION#sup_header UL LI 		{ list-style-type:none; float:right; line-height:35px; border-left:1px solid #ddd; }
SECTION#sup_header UL LI A 	{ display:block; height:100%; color:#888; padding:0 20px; text-decoration:none; }
SECTION#sup_header UL LI A.coupdecoeur::after		{ content:" coups de coeur"; }
SECTION#sup_header UL LI A.nouveautes::after 		{ content:" nouveautes"; }
SECTION#sup_header UL LI A:hover 	{ color:#c30009; }
SECTION#sup_header SPAN { float:left; color:#888; line-height:35px; padding:0 0 0 10px; font-size:1.2em; margin:0; text-decoration:none; }

/*
---------------------------------------------------
		MENU TOP
---------------------------------------------------
*/
HEADER A.lcl {padding-left:50px;}

HEADER .headerLeft 			{ display:inline-block; width:413px; height:auto; }
HEADER .headerLeft #logo_x2 	{ width:100%; }
HEADER .headerRight 			{ float:right; }
HEADER .headerRight, HEADER .headerRight LI  {display:inline-block;}
HEADER .headerRight A {
color:white;
padding:0 20px 0 12px;
width:100%;
font-weight: 400;
/* background:url(/images/commun/puces/triangle-blanc.png) left no-repeat;*/
text-decoration:none;
}
HEADER .headerRight A:hover {
	-webkit-transition:	all .2s linear;
	-moz-transition:	all .2s linear;
	transition:			all .2s linear;
	color:#dcf4ff;
}
/*
--------------------------------------------------------------------------
			NAV
-------------------------------------------------------------------------- 
*/

#nav_container 					{ float:right; opacity: 1; height:auto; width:auto; }
#navigation 						{ z-index:20; display:block; position:relative; font-family:'opensans','Helvetica Neue', Helvetica, Arial, Sans-serif; }
#navigation > UL 				{ float:right }
#navigation UL 					{ list-style: none; padding:0; margin:0; }
#navigation UL LI 				{ display: block; position:relative; float:left; }
#navigation LI UL 				{ display: none;}
#navigation UL LI A 				{ display: block; background-color:transparent; padding:8px 15px; text-decoration: none; white-space:nowrap; color:#fff;  -moz-transition:all .2s linear; -webkit-transition:all .2s linear; transition:all .2s linear; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; }
#navigation UL LI A:hover 			{ background-color:rgba(255,255,255,.2);}
#navigation LI:hover UL 			{ display: block; position:absolute;  }
#navigation LI:hover LI 			{ float: none;}
#navigation LI:hover A 			{ background-color:transparent; }
#navigation LI:hover LI A:hover 	{ background-color:rgba(255,255,255,.2); }
#navigation UL LI UL 	 			{ padding:0 0 0 10px;}
#navigation UL LI UL LI 			{ border-top:0px; }
#navigation UL LI I 				{ width:18px; color:#ccc!important; }

HEADER .nav_toggle { 
	display:none;
} 

.list_container { display:none; width:100%; font-size:.9em; background-color:white; position:absolute; top:88px; z-index:20; box-shadow:0 2px 2px rgba(0,0,0,.5); }
.list_container > DIV { width:80%; margin:0 auto; padding:0 0 15px 0; }
.list_container > DIV > DIV { padding:1% 1%; }
.list_container > DIV > DIV > * { padding:0 1%; }
.list_container  UL  { margin:0; padding:0; }	
.list_container  UL LI { list-style-type:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:2em; }
.list_container  UL LI A { color:#242424; text-decoration:none; }
.list_container > DIV > DIV > H4 { letter-spacing:.02em; padding:8px 0; margin-bottom:8px; border-bottom:2px solid #e5e5e5; }
	
/* TEST animation */
/* #navigation  {
	opacity:.5;
	position:relative;
	top:0px;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    -ms-transition: all .5s ease-in;
    transition: all 1s ease-in;
}
#navigation.load {
	opacity:1;
	padding-top:0;
	top:0;
} */

H1,H2,H3,H4 { font-weight:400; font-family:'opensans', 'Helvetica Neue', Helvetica, Arial, Sans-serif; letter-spacing:-.0em;}
H4 { text-transform:uppercase; font:700 .85em 'opensans','Helvetica Neue', Helvetica, Arial, Sans-serif; letter-spacing:-.02em; }
H2 { font-size:1.4em;}
H3.arrow-r { font-size:1.4em; }

/* ==========================================================================
	Message cookies
   ========================================================================== */
#infoCookies A.valid	{
	display:inline-block; color:white!important; margin:5px 0; padding:0 10px; line-height:20px; background-color:#c63939!important;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-webkit-transition:		all .1s linear;
	-moz-transition:		all .1s linear;
	transition:				all .1s linear;
	-moz-box-shadow:		0 3px 0 rgba(0,0,0,.2);
	-webkit-box-shadow:		0 3px 0 rgba(0,0,0,.2);
	box-shadow:				0 3px 0 rgba(0,0,0,.2);

	text-decoration: none;
}
#infoCookies A.valid:hover {
	color:white!important;
	background-color:#b33333!important;
	-webkit-transition:		all .1s linear;
	-moz-transition:		all .1s linear;
	transition:				all .1s linear;
}
#infoCookies DIV#infoCookiesTxt	{
	width:70%;
	display: inline-block;
	padding:5px;
	vertical-align: middle;
	font-size: 0.85em;
}
#infoCookies A#moreInfoCookies	{
	color: #c30009;
	text-decoration: none;
}
	
#infoCookies	{
	background-color: #ffffff;
	border-bottom: 1px solid lightgrey;
	text-align: center; color:#999; margin:0;
}
/* ==========================================================================
	Index search
   ========================================================================== */
.box_intro 				{ width:auto; white-space:nowrap; display:inline-block; font-size:2.7em; font-weight:bold; text-align:center; margin:10px auto; font-family:'opensans','Helvetica Neue', Helvetica, Arial, Sans-serif; color:white; text-transform:uppercase;}

.search_container 		{ width:100%; text-align:center; min-height:584px; margin:0 auto; padding-top:200px; background:#999 url(/images/immobilier-lcl/commun/bg-1.jpg) center center no-repeat; background-size:cover; border-top:1px solid #ccc; font-family:'openans','Helvetica Neue', Helvetica, Arial, Sans-serif; }
.search_container .searchbox  NAV 			{ padding:0; display:none; }
.search_container .searchbox  NAV UL 			{ width:100%; height:35px; margin:0; padding:0; background-color:#c30009; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } 
.search_container .searchbox  NAV UL LI 		{ width:20%; float:left; height:auto; text-aLIgn:center; margin:0; padding:0; list-style-type:none; border-right:1px solid #aa0008; box-shadow:inset 0 -1px 0px rgba(0,0,0,.3); -webkit-box-shadow:inset 0 -1px 0px rgba(0,0,0,.3); -webkit-box-shadow:inset 0 -1px 0px rgba(0,0,0,.3); }
.search_container .searchbox  NAV UL LI:first-child 	{ -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.search_container .searchbox  NAV UL LI:last-child 	{ border-right:0px solid #aa0008; }
.search_container .searchbox  NAV UL LI A 		{ color:white; display:block; text-decoration:none; line-height:35px; width:100%; margin:0; background-color:transparent; }
.search_container .searchbox  NAV UL LI A.on 	{ background-color:#e20000; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } 

/* ==========================================================================
	Footer
   ========================================================================== */
/*
hr { display: block; height: 1px;
    border: 0; border-top: 1px solid #ccc;
    margin: 1em 0; padding: 0; }
*/
   
FOOTER {max-width:1180px;}

.bottombox {	padding: 20px;}

.bottombox .top-left, .bottombox .top-right {
	font-size: 1.7em;
    font-weight: 300;
	background-color:white;
	margin-bottom:2px;
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0;
	white-space: nowrap;
}
.bottombox .top-left {padding:6px 20px;}
.bottombox .top-right {padding:12px 20px;}

.bottombox .main  {
	background-color:white;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;
	border-radius:0 0 8px 8px;
	padding:0 20px 20px 20px;
	min-height:200px;
}
.bottombox SPAN {
	font-size: 1em;
	text-transform:uppercase;
	font-family:'opensans','Helvetica Neue', Helvetica, Arial, Sans-serif;
	color:#242424;
}
.bottombox  UL, .bottombox  li {list-style-type: none;}
.bottombox  LI A {text-decoration: none; color:#666;}
.bottombox  LI A:hover {color:#242424;}
.bottombox .bottom-1 	{ padding:20px 60px 0 0; }
.bottombox .bottom-2 	{ padding-top:20px; }
.bottombox A.graybutt 	{ margin-top:10px; padding:4px 12px; font-size:1.1em; color:#242424 !important; }
.bottombox  UL.grosbt 	{ padding:0 20px; }
.bottombox .grosbt A.graybutt {
	border-radius: 6px;
	font-weight: 500;
    margin-top: 8px;
    padding: 16px 6px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	text-align:center;
	border: 1px solid #a9a9a9;
	font-size: 1.2em;
	text-transform:uppercase;
}

/* ==========================================================================
	Carousel container
   ========================================================================== */
#carousel_container { width:80%; }

/* ==========================================================================
		UNDERFOOTER
   ========================================================================== */
#underFooter 	{ padding:15px 10px; text-align:center; font-size:.9em; }
#underFooter A:link, #underFooter A:visited 	{ color:#595959; }
#underFooter A:hover							{ color:#242424; }

/* ==========================================================================
		IE MSG
   ========================================================================== */
.ie_msg { width:100%; padding:10px; color:#555; text-align:center; background-color:#f3f3e9; }
.ie_msg DIV A {  margin-right:10px;  }

/* ==========================================================================
		MEDIA QUERIES
   ========================================================================== */
/* @media only screen and (max-width: 58.75em) { */
@media only screen and (max-width: 1280px) {
	HEADER #header_section,
	#carousel_container,
	FOOTER .footer-content { width:95%; }
}

@media only screen and (max-width: 1024px) {
	HEADER #header_section,
	#carousel_container,
	FOOTER .footer-content				{ width:98%; }
	H3.arrow-r 							{ font-size:1.3em; }
	NAV#navigation UL LI A 				{ display: block; background-color:transparent; padding:15px 10px; font-size:.9em; text-decoration: none; white-space:nowrap; -moz-transition:all .2s linear; -webkit-transition:all .2s linear; transition:all .2s linear; }
	HEADER .headerLeft { width:350px; }
}

@media only screen and (max-width: 768px) {
	.showHide { display:block; }
	H2 { font-size:1em;}

	#infoCookies DIV#infoCookiesTxt	{
		width:95%;
	}

	#al_logo { display:block;  width:100%; float:none; margin:20px auto 0 auto; }
	
	HEADER { padding:10px 0; position:relative; background:#555 none; }
	HEADER .headerRight	 	{ float:none; position:absolute; top:48px; width:100%;  margin:0; display:block }
	HEADER .headerLeft 		{ width:300px; padding-left:20px;  }
	HEADER  A.nav_toggle 	{
		width:auto; padding:7px 12px 7px 7px;
		position:absolute;
		display:inline-block;
		right:0; top:0;
		color:white;
	}
 
	#nav_container 				{ opacity: 0; height:0; overflow:hidden; float:none;  width:100%; background-color:#fff; }
	#nav_container.active 		{ display:block; background-color:#333; position:relative; top:-49px; }
	#navigation  					{ display:none; position:absolute; width:100%; }
	#navigation > UL 				{ float:none; }
	#navigation UL 					{ list-style: none; padding:0; margin:0; }
	#navigation UL LI 				{ display: block; position:relative; float:none; text-align:left; width:100%; border-bottom:0px solid #888; }
	#navigation UL > LI 				{ background-color:#555; }
	#navigation UL > LI UL LI 			{ background-color:#555; }
	#navigation LI UL 				{ display:block; }
	#navigation UL LI A,
	#navigation UL LI A:hover			{ display: block; color:#f1f1f1; font-weight:700; text-transform:uppercase; background-color:transparent; padding:15px 10px; text-decoration: none; white-space:nowrap;   -moz-transition:all .2s linear; -webkit-transition:all .2s linear; transition:all .2s linear; }
	#navigation UL LI UL LI A 			{ color:#fff; text-transform:capitalize; font-weight:400; }

	#navigation LI:hover UL 			{ display:block; z-index:2000; position:relative; }
	#navigation LI:hover LI 			{ float:none; clear:both; }
	#navigation LI:hover A 			{ color:#fff; background-color:transparent; }
	#navigation LI:hover LI A:hover 	{ background-color:transparent; text-transform:capitalize; }
	#navigation UL LI UL 	 			{ -moz-box-shadow:0 3px 2px rgba(0,0,0,0);-webkit-box-shadow:0 3px 2px rgba(0,0,0,0);box-shadow:0 3px 2px rgba(0,0,0,0); }
	#navigation UL LI UL LI 			{ border-bottom:0; }

	SECTION#sup_header { font-weight:400; text-align:right; font-size:.85em; font-family:'open_sans', 'Helvetica Neue', Helvetica, Arial, Sans-serif; border-bottom:1px solid #ddd; background-color:#f9f9f9;}
	SECTION#sup_header UL				 		{ display:inline }
	SECTION#sup_header UL LI 						{ list-style-type:none; float:left; line-height:35px; border-left:1px solid #ddd; }
	SECTION#sup_header UL LI A 					{ color:#888; padding:0 18px 0 18px; text-decoration:none; }
	SECTION#sup_header UL LI A:hover 				{ color:#444; }
	SECTION#sup_header UL LI A.coupdecoeur, SECTION#sup_header UL LI A.nouveautes 	{ padding:0 10px 0 10px; }
	SECTION#sup_header UL LI A.coupdecoeur::after		{ content:""; }
	SECTION#sup_header UL LI A.nouveautes::after 		{ content:""; }
	SECTION#sup_header SPAN 							{ display:none; }

	/* -Annonces fav- */
	.list_container 	{ top:36px; }
	
	.bottombox {	padding: 0; font-size:.9em;}
	.bottombox .top-left, .bottombox .top-right {
		font-size: 1.5em;
		font-weight: 300;
	}
}