#footer #f1o{background: #f1f4f7;}
#footer #f2o{background: #f1f4f7; border-top:solid 1px #aaa ;}
#emenu {background:#ddd; }
#header {background:#f1f4f7;}
body{background:#ccc;font-family: 'Lato', sans-serif !important; font-weight:300 !important;color:#2a5081;}
.home #content { background:none}
.bg_m {height:210px;}
.home .bdg_m {height:450px;}
a, h1 span {color:#d99449;} 
h1, strong{font-weight:700;}
h1.s1, h1.s2{text-transform:uppercase;}
h1.s1{font-size:25px}
.cycle_de_vie{background:#f00 !important;}
.button{background:#0686c1; transition: all 0.2s ease-out;}
.button:hover{background:#726565;}

.prix {color:#f00;}
.section.content, aside.content {
    background:#fff; 
    position:relative;
}


#content{padding-bottom:100px; min-height: 400px;}

.immo .articles .article .content {padding:20px;}
.immo .articles .article, .searchtop {background:#fff;transition: all 0.3s ease-out;}
.searchtop {background:#0686c1 !important; color:#fff;padding:15px 30px !important;}
.immo .articles .article {background:#fff;transition: all 0.3s ease-out; border-bottom:5px solid #0686c1; }
.immo .articles .article:hover{background:#0686c1;color:#fff; }

.home #annonces > h1  {margin-bottom:50px;}
.home #boxes_o  {
    background: rgb(120,196,219);
    background: linear-gradient(180deg, rgba(120,196,219,1) 0%, rgba(98,136,192,1) 100%);
    color:#fff;
}
.home #boxes, .info-left, .info-right  {font-size:1.4em; line-height: 1.3em; font-weight: 400;}

.home #boxes  {font-size:1.8em; line-height: 1.6em; font-weight: 400;}


#bottom{background:#eee;}
#logofooter img {height:180px;}
#logo{margin:15px 0;}
#logo img{ height:170px;}
@media only screen and (min-width: 40em) {}
@media only screen and (min-width: 64em) {
    .section.content, aside.content {
        border-top:5px solid #0686c1;
    }
    
    .home #boxes_o  {margin-top:400px;}
    .home #boxes  {}

    #header {
       position:fixed; top:0;width:100%; z-index:100;
      background:none;
    }    
    .auto  .articles .article {padding:10px 10px;}
    #content {padding-top:260px;}
    #bg {height:400px; overflow:hidden;}
	.home #bg {height:800px;}
	
	#nav > li > a, #nav > li >  span{
		margin-top:80px;
		margin-right:10px;
		padding:13px 30px; color:#fff;
		transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out; 
        background:#0686c1;
        border:1px solid #fff;
        font-weight: bold;
        text-transform: uppercase;
    }
    #nav  > li:hover > a, #nav  > li:hover > span{background: #1c3c64;  transition: background-color 0.7s ease; }
	#nav  > li.active > a, #nav  > li.active > span{color:#fff; background:#1c3c64;}

    #languages {margin-top:80px; display:inline-block;transition: all 0.2s ease-in-out; background:#0686c1; padding:0 5px;}
    #languages a{color:#fff;  padding:2px 4px; margin:0 !important;}
    #languages a.active{color:#f00; font-weight: bold;}
    #languages a:hover{color:#f00;}

    #logo img{ height:200px;}
	#logo_small {margin:10px 0; display:none; }
	#logo_small img {height:45px;}

    .small #h1 {background:#f1f4f7;}
    .small #nav > li > a, .small #nav > li > span{margin-top:15px; padding:8px 25px;}
    .small #logo {display:none;}
    .small #logo_small {display:block; }
    .small #languages {margin-top:20px; background:none;}
    .small #languages a{color:#000;}


}