/* Conteneurs */
#annonce_gauche { width: 606px; }
#annonce_gauche2 { width: 679px; }
#annonce_droite { width: 374px; }
#annonce_droite2 { width: 300px; }
#marque { font-size: 22px; margin: 0; }
#version { display: block; font-size: 14px; font-weight: normal; line-height: 14px; height: 31px; margin: 0; }
/* Photo principale */
#photo { width: 360px; max-width: 360px; display: block; border: 1px solid #7b8587; }
/* Photos supplémentaires */
#annonce_photos_sup { border: 1px solid #7b8587; padding-bottom: 4px; }
#annonce_photos_sup a { margin: 4px 0px 0px 8px; float: left; display: block; }
#annonce_photos_sup img { width: 49px; height: 37px; border: none; }
#block-no-photo { color: #8c8c8c; text-align: center; height: 34px; padding-top: 14px; }
/* Tabs */
#detann-tabs { background: -moz-linear-gradient(top, #ebebeb 1%, #e0e0e0 9%, #b2b2b2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ebebeb), color-stop(9%,#e0e0e0), color-stop(100%,#b2b2b2)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebebeb, endColorstr=#b2b2b2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebebeb, endColorstr=#b2b2b2)"; background-color: #ebebeb; }
#detann-tabs-nav { margin: 0; padding: 0; }
#detann-tabs-nav li { list-style: none; float: left; top: 1px; margin: 0; padding: 0; border-bottom: 0 !important; white-space: nowrap; border-right: 1px solid #9c9c9c; border-top: 1px solid #9c9c9c; }
#detann-tabs-nav li a { padding: 6px 10px 10px 10px; display: block; float: left; height: inherit; color: #268489; font-size: 18px; line-height: 32px; text-align: center; }
#detann-tabs-nav li.selected, #detann-tabs-nav li:hover { background: -moz-linear-gradient(top, #2d9195, #1d5e61); background: -webkit-gradient(linear, left top, left bottom, from(#2d9195), to(#1d5e61)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2d9195, endColorstr=#1d5e61); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#2d9195, endColorstr=#1d5e61)"; background-color: #2d9195; }
#detann-tabs-nav li.selected a, #detann-tabs-nav li:hover a { color: #fff; }
#detann-tabs-nav li .subtitle { color: #000; display: block; font-size: 10px; line-height: 10px; text-align: left; }
#detann-tabs-nav li:first-child{ border-left: 1px solid #9c9c9c; }
#detann-tabs-nav li.selected a { font-size: 14px; }
/* Tableau détail de l'annonce */
#detann-block-infos table td { font-size: 12px; height: 25px; padding-left: 10px; }
#detann-block-infos tr:nth-child(2n) td { background: #e6e6e6; }
/* Barre co2, etc... */
#detann-block-infos-sup { height: 48px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
#detann-block-infos-sup td.border-r { border-right: 1px solid #cccccc; padding-right: 10px; }
/* Block prix/financer */
#detann-price { color: #257a7e; display: block; font-size: 24px; line-height: 34px; font-weight: bold; padding: 8px 0 0 0; }
#detann-taxe { font-size: 14px; }
#detann-block-financer { padding: 10px  0px 2px 0px; }
#detann-block-financer { background-image: url(../../images/detann/bg-financer.png); background-repeat: no-repeat; }
/* Bloc contact */
#detann-contact-box { padding: 5px; margin-bottom: 10px; background-color: #2a8286; text-align: left; }
#detann-contact-box .block { border: 1px solid #21616a; }
#btn-localiser { padding: 0px 5px 0px 5px; cursor: pointer; }
#detann-contact-logo { width: 110px; }
/* Barre d'outils */
#detann-toolbar table { height: 65px; }
#detann-toolbar td { width: 25%; line-height: 11px; }
#detann-toolbar a { color: #737373; font-size: 10px; }
/* Block pub crédit/argus/assurance */
#detann-block-pub  { border-bottom: none; }
#detann-block-pub td{ height: 50px; border-bottom: 1px solid #bcbcbc; }
#detann-block-pub .title { font-size: 22px; padding-left: 10px; }
#detann-block-pub .infos { font-size: 12px; padding-left: 10px; }

/* Icones */
.detann-icon { height: 48px; width: 48px; background-image: url(../../images/detann/sprite.png); background-repeat: no-repeat; display: block; }
.detann-tab-icon { width: 32px; height: 32px; background-image: url(../../images/detann/sprite.png); background-repeat: no-repeat; display: inline-block; float: left; }
#detann-toolbar .detann-icon { height: 32px; width: 32px; margin: 0px auto; }
.icon-co2 { background-position: 0px 0px; }
.icon-conso { background-position: 0px -48px; }
.icon-non-fumeur { background-position: 0px -96px; }
.icon-main { background-position: 0px -144px; }
.icon-carnet-entretien { background-position: 0px -192px; }
.icon-controle-tech { background-position: 0px -240px; }
.icon-alert-mail { background-position: -8px -296px; }
.icon-add-basket { background-position: -8px -344px; }
.icon-print { background-position: -8px -392px; }
.icon-problem { background-position: -8px -440px; }
.icon-cote { background-position: -8px -488px; }
.icon-assurer { background-position: -8px -536px; }
.icon-garantie { background-position: -8px -584px; }
.icon-loupe { background-position: 0px -632px; }
/* Region */
#icon-region { position: absolute; right: 0px; }
/* Hovers */
#detann-toolbar a:hover, #annonce_photos_sup a:hover, .detann-contact-box  a:hover { opacity: 0.7; }

.social-icon { height: 32px; width: 32px; background-image: url(../../images/detann/sprite-social-icons.png); background-repeat: no-repeat; display: block; }
.icon-fb { background-position: 0px 0px; }
.icon-twitter { background-position: 0px -32px; }
.icon-gpo { background-position: 0px -64px; }

.icon-region { height: 32px; width: 32px; background-image: url(../../images/detann/sprite-regions.png); background-repeat: no-repeat; display: block; }
.icon-region.region-1 { background-position:  -0px -0px; height: 32px; width: 32px; }
.icon-region.region-2 { background-position:  -32px -0px; height: 32px; width: 32px; }
.icon-region.region-3 { background-position:  -0px -32px; height: 32px; width: 32px; }
.icon-region.region-4 { background-position:  -32px -32px; height: 32px; width: 32px; }
.icon-region.region-5 { background-position:  -0px -64px; height: 32px; width: 32px; }
.icon-region.region-6 { background-position:  -32px -64px; height: 32px; width: 32px; }
.icon-region.region-7 { background-position:  -0px -96px; height: 32px; width: 32px; }
.icon-region.region-8 { background-position:  -32px -96px; height: 32px; width: 32px; }
.icon-region.region-9 { background-position:  -0px -128px; height: 32px; width: 32px; }
.icon-region.region-10 { background-position:  -32px -128px; height: 32px; width: 32px; }
.icon-region.region-11 { background-position:  -32px -160px; height: 32px; width: 32px; }
.icon-region.region-12 { background-position:  -0px -192px; height: 32px; width: 32px; }
.icon-region.region-13 { background-position:  -32px -192px; height: 32px; width: 32px; }
.icon-region.region-14 { background-position:  -0px -224px; height: 32px; width: 32px; }
.icon-region.region-15 { background-position:  -32px -224px; height: 32px; width: 32px; }
.icon-region.region-16 { background-position:  -0px -256px; height: 32px; width: 32px; }
.icon-region.region-17 { background-position:  -0px -160px; height: 32px; width: 32px; }
.icon-region.region-18 { background-position:  -0px -288px; height: 32px; width: 32px; }
.icon-region.region-19 { background-position:  -32px -288px; height: 32px; width: 32px; }
.icon-region.region-20 { background-position:  -0px -320px; height: 32px; width: 32px; }
.icon-region.region-21 { background-position:  -32px -256px; height: 32px; width: 32px; }
.icon-region.region-22 { background-position:  -32px -320px; height: 32px; width: 32px; }

/* Boutons */
.detann-btn { background-image: url(../../images/detann/sprite-btn.png); background-repeat: no-repeat; display: block; }
.btn-retour { background-position: 0px 0px; height: 48px; }
.btn-appeler { background-position: 0px -48px; height: 33px; width: 142px; }
.btn-ecrire { background-position: 0px -81px; height: 33px; width: 142px; }


