@charset "utf-8";

/*
-----------------------------------------------------------------------------------------
ARTHUR LOYD - SCREEN - RESULTATS DE LA RECHERCHE
CREATION : GOWEB / LAURENT ANDRZEJAK
Email: la@goweb.fr

--------------
NOTES
--------------
Cette feuille de style contient tous les éléments standards utilisés dans la section
résultat de la recherche

--------------
CONTENTS
--------------
## GENERAL
## CAROUSEL
## ITEMS
## SHEMA PERFORMANCES

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

/*  ## GENERAL ------------------------------------------------------------------------*/
h1{
text-transform: uppercase;
font-size:16px;
}
h2 {
color: #656565;
margin-top:3px;
}
span.ref {
font-weight:bold;
font-size:12px;
}

/*  ## CAROUSEL -------------------------------------------------------------------------*/
.offre-img {
overflow:hidden;
margin-bottom:10px;
}
.offre-img .group-img{
float:left;
text-align:center;
overflow:hidden;
background:#fff;
border:0!important;
}
.offre-img .group-img a{
display:block;
width:400px;
height:270px;
position:relative;
text-align:center;
}
.offre-img .group-img a span.zoom{
position:absolute;
bottom:0;
right:0;
display:block;
width:42px;
height:44px;
text-indent:-3000em;
background:url(../images/stat/new-zoom.png) 0 0 no-repeat;
}
.offre-img ul.diapoNav{
float:right;
padding:0;
margin:0;
margin-right:105px;
}
.offre-img ul.diapoNav li{
position:relative;
padding:0;
margin:0;
height:60px;
width:80px;
margin-bottom:10px;
text-align:center;
cursor:pointer;
}
.offre-img ul.diapoNav li img{
margin:0;
border:1px #BDBDBF solid;
padding:0;
}
.offre-img ul.diapoNav li.selected span,
.offre-img ul.diapoNav li:hover span{
display:block;
position:absolute;
border:3px #e3001b solid;
width:76px;
height:56px;
left:0;
top:0;
z-index:100!important;
}
.offre-img .btn{
float:left;
margin-left:15px;
margin-top:35px;
}
.offre-img hr{
display:none;
}
table.product-details{
margin-top:5px;
}
table.product-details tr{
background:url(../images/stat/table-bg-dotted.gif) 0 0 repeat-x;
}
table.product-details td{
font-size:12px;
vertical-align:top;
padding:5px 0 5px 0;
}
table.product-details td p{
padding:0;
margin:0;
}
table.product-details span.ct{
background:url(../images/stat/red-bullet-square.gif) 0 5px no-repeat;
padding-left:15px;
}
table.product-details td.first{
width:230px;
}
table.product-details span.responsable{
text-transform:uppercase;
}
table.product-details p.important{
color:#e3001b;
padding-top:0;
margin-top:0;
font-size:11px;
}
table.product-details .btn{
float:left;
margin-top:20px;
}
table.product-details .selection{
float:right;
margin-top:20px;
}
table.product-details td img{
margin-right:10px;
margin-top:5px;
border:1px #D1D1D1 solid;
width:71px;
height:98px;
}
.float-left{
padding-right:0!important;
}


/*  ## ITEMS ------------------------------------------------------------------------*/
div.item{
overflow:hidden;
padding:8px 10px;
margin-top:10px;
}

strong.zoom		{ display:block; bottom:3px; left:0px; top:-30px; background:url(../images/stat/loupe.jpg) #fff no-repeat; height:19px; padding-left:21px; color:#999; line-height:19px; width:100px; position:absolute; text-decoration:none; font-size:12px; font-weight:normal; z-index:10}

.relative	{ position:relative; text-decoration:none}

.retour		{ color:#E6283C !important; font-size:12px; display:block; clear:both }

/*.group-img	{ background:url(../images/visuel.jpg) center no-repeat; overflow:hidden}*/

#see-selection a, #continuer a	{ background:url(../images/stat/voir_panier.jpg) no-repeat; width:249px; height:49px; line-height:40px; color:#FFF; display:block; float:left; font-size:17px; text-align:center; text-decoration:none; margin:15px 25px}
#see-selection a:hover, #continuer a:hover		{ text-decoration:underline}
#continuer a	{ background-image:url(../images/stat/continuer.jpg); color:#E6283c}



/*  ## SHEMA PERF ------------------------------------------------------------------------*/

.bloc-perf           {display: block; float: left; width: 300px; margin: 20px 0px 40px 0;}
.bloc-perf p         {margin-bottom: 0px;}
.bloc-perf i         {font-size: 11px; display: block;margin-left: 10px;}
.bloc-perf .arrow    {width: 80px; height:25px; background:url("../images/stat/img-arrow-shema.jpg") no-repeat; position: absolute;padding:5px 0 0 40px}
.bloc-perf .shema    {position: relative;}

.bloc-perf .A        {top: 0px; left: 120px;}
.bloc-perf .B        {top: 25px; left: 130px;}
.bloc-perf .C        {top: 52px; left: 140px;}
.bloc-perf .D        {top: 76px; left: 150px;}
.bloc-perf .E        {top: 102px; left: 160px;}
.bloc-perf .F        {top: 128px; left: 170px;}
.bloc-perf .G        {top: 153px; left: 180px;}
.bloc-perf .H        {top: 179px; left: 190px;}
.bloc-perf .I        {top: 205px; left: 200px;}

#perf-energetique .shema    {width: 280px; height: 229px;background:url("../images/stat/img-perfenergetique.jpg") no-repeat 10px 0px;}
#emission-gaz .shema    {width: 280px; height: 229px;background:url("../images/stat/img-emissiongaz.jpg") no-repeat 10px 0px;}
.note{font-size:11px;}
.ml40{margin-left:40px}
.dpe_cours{width: 606px; height: 96px;background:url("../images/img-waitingperf.jpg") no-repeat 0px 0px;}



/*  ## CARROUSEL ------------------------------------------------------------------------*/