@charset "utf-8";

/*
-----------------------------------------------------------------------------------------
ARTHUR LOYD - SCREEN - HOMEPAGE
CREATION : GOWEB / LAURENT ANDRZEJAK
Email: la@goweb.fr

--------------
NOTES
--------------
Cette feuille de style contient tous les éléments standards utilisés dans la page
d'accueil

--------------
CONTENTS
--------------
## GENERAL
## DISPLAY OPTIONS
## SLIM PANEL
## ITEMS

-----------------------------------------------------------------------------------------
*/

/*  ## GENERAL ------------------------------------------------------------------------*/
#content {
background:none;
margin-top:0!important;
height:870px;
}
.content-primary,
.content-secondary {
position: relative;
background:url(../images/stat/content-bg-top.png) 0 0 no-repeat;
margin:0 auto;
width:990px;
overflow:hidden!important;
margin-top:10px;
padding-top:4px;
}
.content-primary-inner,
.content-secondary-inner{
position:relative;
background:url(../images/stat/content-bg-bottom.png) 0 100% no-repeat;
padding-bottom:5px;
width:990px;
overflow:hidden!important;
}
.content-primary-bg,
.content-secondary-bg{
position:relative;
background:url(../images/stat/content-bg-home.png) 0 0 repeat-y;
overflow:hidden!important;
display:inline-block;
width:990px;
padding:10px 0 20px 35px;
}
.breadcrumb{
display:none;
}
h1 {
color: #e3001b;
font-size: 14px;
text-transform: uppercase;
padding-bottom:0;
margin-bottom:0;
}
.features{
width:621px;
position: relative;
margin-top:10px;
overflow:hidden;
}
.features h2{
font-size:16px;
color:#383838;
margin-top:0;
padding-top:0;
text-transform: uppercase;
}  
.features h2 span{
font-size:11px;
color:#e3001b;
margin-top:0;
padding-top:0;
}
.features p.sub{
color:#525252;
font-size:12px;
font-weight:bold;
margin-top:0;
}  
.features .product-state{
position:relative;
background-color:#656667;
padding:5px 10px 5px 18px;
margin-top:25px;
width:180px;
}
.features .product-state span.state{
color:#d7d7d7;
font-weight:bold;
font-size:12px;
text-transform: uppercase;
}
.features .product-state span.availability{
color:#d7d7d7;
font-weight:bold;
font-size:12px;
}
.features .description{
float:left;
width:280px;
display:block;
clear:both;
overflow:hidden;
}
.features .group-annonces{
height:300px;
overflow:hidden;
}
.features span.img-feature{
float:right;
width:328px;
margin-right:2px;
overflow:hidden;
height:300px;
}
.features h3{
background:url(../images/stat/derniere-offre-bg.gif) 0 6px no-repeat!important;
display:inline-block;
padding-left:20px;
overflow:hidden;
font-size:15px;
margin-top:-20px!important;
font-weight:normal;
color:#e3001b;
position:relative;
}
.features ul{
overflow:hidden;
margin:0;
padding:0;
width:621px;
margin-top:15px;
text-align:right;
}
.features ul li{
border:1px solid #6A6A6A;
float:left;
height:37px;
margin:0 10px 0 0;
overflow:hidden;
padding:0;
position:relative;
width:50px;
}
.features ul li.courant{
border:medium none;
height:39px;
width:51px;
}
.features ul li.courant span{
border:3px solid #E3001B;
display:block;
height:33px;
left:0;
position:absolute;
top:0;
width:45px;
z-index:100 !important;
}
.features ul li.last{
margin-right:0!important;
}
.features ul li img{
position:absolute;
left:0;
top:0;/*
width:50px;
height:50px;*/
}
.features ul li.courant img{/*
width:49px;
height:49px;*/
moz-opacity:0.5;
opacity: 0.5; 
filter:alpha(opacity=50);
}
.features hr{
display:none;
}
.content-secondary .left{
float:left;
position:relative;
width:210px;
}
.content-secondary .right{
float:left;
width:375px;
margin-left:30px;
}
.content-secondary .left .inner{
float:left;
background-color: #2D2D2D;
height:300px;
margin-top:30px;
padding:20px 5px 20px 20px;
}
.content-secondary .left span.etudedemarche{
background:url(../images/etudedemarche.png) 0 0 no-repeat;
position:relative;
margin-bottom:-167px;
top:0;
left:20px;
width:133px;
height:167px;
display:block;
z-index:100!important;
}
.content-secondary .left h3{
padding-top:130px;
line-height:20px;
font-size:17px;
color:#e3001b;
}
.content-secondary .left h3 span{
color:#d2d2d2;
line-height:20px;
}
.content-secondary .left p{
color:#d2d2d2;
font-size:11px;
}
.content-secondary .left p.info{
font-size:9px;
padding-top:25px;
}
.content-secondary .left .red-arrow a span{
padding:2px 0px 2px 5px;
width:130px;
}
.content-secondary .right .grey-arrow a span{
/*padding:2px 0px 2px 10px;*/
width:130px;
}
.content-secondary .right .block{
border:none;
border-bottom:1px #2D2D2D dotted;
}
.content-secondary .right h3{
font-size:17px;
line-height:20px;
color:#3F3F3F;
}
.content-secondary .right h3 span{
color:#e3001b;
}
.content-secondary .right .collaborateurs{
background:url(../images/collaborateur-img.png) 0 0 no-repeat;
padding-left:180px;
padding-bottom:50px;
margin-top:10px;
}
.content-secondary .right .pro{
background:url(../images/proprietaire-img.png) 20px 0 no-repeat;
padding-left:140px;
padding-bottom:20px;
margin-top:30px;
border-bottom:none!important;
}
.content-secondary .right p{
font-size:11px;
}
.content-secondary .collaborateurs h3{
padding-top:10px;
}
.content-secondary .pro h3{
color:#4A4A4A!important;
}
.content-secondary .pro h3 strong{
color:#e3001b!important;
}
.content-secondary .pro h3 span{
color:#787878!important;
font-size:14px;
font-weight:normal;
}
.content-secondary .pro .btn{
float:left;
padding-left:50px;
}

/*  ## SLIM PANEL  --------------------------------------------------------------------*/
.slim-panel{
position:relative;
width:285px;
top:-835px;
left:675px;
}
/*.slim-panel{
position:absolute;
width:285px;
top:40px;
right:30px;
}*/
/*.slim-panel{
position:absolute;
display:block;
width:285px;
top:40px;
right:30px;
}*/

/*  ## DISPLAY OPTIONS  ----------------------------------------------------------------*/